<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/* ==================== 重置默认样式 start ==================== */

* {

  padding: 0;

  margin: 0;

  box-sizing: border-box;

  font-family: "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei", "华文细黑", "STHeiti", "MingLiu";

}

*:before,

*:after {

  vertical-align: middle;

  box-sizing: border-box;

}

html {

  margin: 0 auto;

}

ul,

li,

ol {

  list-style: none;

}

em {

  font-style: normal;

}

img {

  vertical-align: middle;

  max-width: 100%;

}

a {

  color: inherit;

  text-decoration: none;

  outline: none;

  -webkit-backface-visibility: hidden;

}

a:hover {

  text-decoration: none;

}

a:focus {

  outline: none;

}

input:focus,

select:focus,

textarea:focus {

  outline: -webkit-focus-ring-color auto 0;

}

button,

input,

textarea {

  border: 0;

  outline: none;

  background: none;

}

button {

  cursor: pointer;

  display: block;

}

input:-internal-autofill-previewed,

textarea:-internal-autofill-previewed,

input:-internal-autofill-selected,

textarea:-internal-autofill-selected {

  -webkit-text-fill-color: inherit !important;

  transition: background-color 5000s ease-in-out 0s !important;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

th,

td {

  vertical-align: middle;

}

i {

  font-style: inherit;

}

#map label {

  max-width: initial;

}

#map img {

  max-width: initial;

}

/* ==================== 重置默认样式 end ==================== */

/* ==================== 常用样式 start ==================== */

/* 清除浮动 */

.clearfix {

  display: block;

  zoom: 1;

}

.clearfix:after {

  content: " ";

  display: block;

  font-size: 0;

  height: 0;

  clear: both;

  visibility: hidden;

}

/* bootstart ul */

ul,

h1,

h2,

h3,

h4,

li,

p {

  padding: 0;

  margin: 0;

}

/* 外层容器样式 */

section {

  overflow: hidden;

}

/* 通用正文样式 */

article {

  font-size: 18px;

  line-height: 1.8;

  text-align: justify;

  color: #333;

}

/* 图片统一动画 */

.mxw-image {

  overflow: hidden;

}

.mxw-image:hover img {

  transform: scale(1.1);

}

.mxw-image img {

  transition: all 0.4s;

  width: 100%;

}

/* ==================== 常用样式 end ==================== */

/* ==================== 置顶按钮 start ==================== */

#goto-top {

  position: fixed;

  z-index: 10;

  right: 0.3333rem;

  bottom: 10%;

  width: 0.6667rem;

  height: 0.6667rem;

  cursor: pointer;

  background: #eb6100;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 2px;

  transition: all 0.4s;

  visibility: hidden;

  opacity: 0;

  border: 1px solid #fff;

}

#goto-top.active {

  visibility: visible;

  opacity: 1;

}

#goto-top:after {

  content: "";

  display: block;

  width: 0.2333rem;

  height: 0.2333rem;

  border-top: 2px solid #fff;

  border-right: 2px solid #fff;

  transform: rotate(-45deg);

  margin-top: 6px;

}

@media screen and (max-width: 1200px) {

  #goto-top {

    width: 30px;

    height: 30px;

    right: 10px;

  }

}

/* ==================== 置顶按钮 end ==================== */

/* ==================== 文本行数限制 start ==================== */

.u-line-1 {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.u-line-2 {

  -webkit-line-clamp: 2;

}

.u-line-3 {

  -webkit-line-clamp: 3;

}

.u-line-4 {

  -webkit-line-clamp: 4;

}

.u-line-5 {

  -webkit-line-clamp: 5;

}

.u-line-6 {

  -webkit-line-clamp: 6;

}

.u-line-2,

.u-line-3,

.u-line-4,

.u-line-5,

.u-line-6 {

  overflow: hidden;

  word-break: break-all;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

}

/* ==================== 文本行数限制 end ==================== */

/* ==================== flex通用布局 start ==================== */

.u-flex {

  display: flex;

  flex-direction: row;

  align-items: center;

}

.u-flex-wrap {

  flex-wrap: wrap;

}

.u-flex-nowrap {

  flex-wrap: nowrap;

}

.u-flex-col {

  flex-direction: column;

}

.u-grow-1 {

  flex-grow: 1;

}

.u-col-center {

  align-items: center;

}

.u-col-top {

  align-items: flex-start;

}

.u-col-bottom {

  align-items: flex-end;

}

.u-row-center {

  justify-content: center;

}

.u-row-left {

  justify-content: flex-start;

}

.u-row-right {

  justify-content: flex-end;

}

.u-row-between {

  justify-content: space-between;

}

.u-row-around {

  justify-content: space-around;

}

/* ==================== flex通用布局 end ==================== */

/* ==================== 通用布局 start ==================== */

@media screen and (min-width: 1200px) {

  .u-row-2,

  .u-row-3,

  .u-row-4,

  .u-row-5,

  .u-row-6 {

    display: flex;

    align-items: stretch;

    justify-content: flex-start;

    flex-wrap: wrap;

  }

  .u-row-2 &gt; .u-col {

    width: 48%;

  }

  .u-row-2 &gt; .u-col:nth-child(2n) {

    margin-left: 4%;

  }

  .u-row-2 &gt; .u-col:nth-child(2) ~ .u-col {

    margin-top: 4%;

  }

  .u-row-3 &gt; .u-col {

    width: 32%;

  }

  .u-row-3 &gt; .u-col:nth-child(3n-1) {

    margin-left: 2%;

    margin-right: 2%;

  }

  .u-row-3 &gt; .u-col:nth-child(3) ~ .u-col {

    margin-top: 2%;

  }

  .u-row-4 &gt; .u-col {

    width: 23.5%;

    margin-right: 2%;

  }

  .u-row-4 &gt; .u-col:nth-child(4n) {

    margin-right: 0%;

  }

  .u-row-4 &gt; .u-col:nth-child(4) ~ .u-col {

    margin-top: 2%;

  }

  .u-row-5 &gt; .u-col {

    width: 18.4%;

    margin-right: 2%;

  }

  .u-row-5 &gt; .u-col:nth-child(5n) {

    margin-right: 0%;

  }

  .u-row-5 &gt; .u-col:nth-child(5) ~ .u-col {

    margin-top: 2%;

  }

  .u-row-6 &gt; .u-col {

    width: 15%;

    margin-right: 2%;

  }

  .u-row-6 &gt; .u-col:nth-child(6n) {

    margin-right: 0%;

  }

  .u-row-6 &gt; .u-col:nth-child(6) ~ .u-col {

    margin-top: 2%;

  }

}

@media screen and (max-width: 1200px) {

  .u-row-2,

  .u-row-3,

  .u-row-4,

  .u-row-5,

  .u-row-6 {

    display: flex;

    align-items: stretch;

    justify-content: flex-start;

    flex-wrap: wrap;

  }

  .u-row-2 .u-col {

    width: 100%;

  }

  .u-row-2 .u-col:nth-child(1) ~ .u-col {

    margin-top: 2%;

  }

  .u-row-3 &gt; .u-col,

  .u-row-4 &gt; .u-col,

  .u-row-5 &gt; .u-col,

  .u-row-6 &gt; .u-col {

    width: 48%;

  }

  .u-row-3 &gt; .u-col:nth-child(2n),

  .u-row-4 &gt; .u-col:nth-child(2n),

  .u-row-5 &gt; .u-col:nth-child(2n),

  .u-row-6 &gt; .u-col:nth-child(2n) {

    margin-left: 4%;

  }

  .u-row-3 &gt; .u-col:nth-child(2) ~ .u-col,

  .u-row-4 &gt; .u-col:nth-child(2) ~ .u-col,

  .u-row-5 &gt; .u-col:nth-child(2) ~ .u-col,

  .u-row-6 &gt; .u-col:nth-child(2) ~ .u-col {

    margin-top: 4%;

  }

}

/* ==================== 通用布局 end ==================== */

/* ==================== 动画 start ==================== */

@keyframes arrowAnimate {

  0% {

    transform: translate(0rem, 0rem);

  }

  50% {

    transform: translate(0rem, -0.1667rem);

  }

  100% {

    transform: translate(0rem, 0rem);

  }

}

/* ==================== 动画 end ==================== */

/* ==================== 头部 start ==================== */

header {

  position: relative;

  z-index: 99;

  width: 100%;

}

header.fixed {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

}

header .pc-nav .welcome {

  border-bottom: 1px solid #e5e5e5;

}

header .pc-nav .welcome &gt; .mxw-box {

  display: flex;

  align-items: center;

  justify-content: space-between;

  font-size: 14px;

  color: #888;

  padding: 10px 0;

}

header .pc-nav .welcome a:hover {

  color: #eb6100;

}

header .pc-nav .nav-top &gt; .mxw-box {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

header .pc-nav .nav-top .logo {

  width: 480px;

  flex-shrink: 0;

  margin-right: 40px;

}

header .pc-nav .nav-top .tel {

  padding-top: 20px;

}

header .pc-nav .nav-top .tel p {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  font-size: 18px;

  color: #333;

  line-height: 1.2;

}

header .pc-nav .nav-top .tel p img {

  width: 25px;

  flex-shrink: 0;

  margin-right: 14px;

}

header .pc-nav .nav-top .tel p strong {

  font-size: 32px;

  color: #eb6100;

  display: block;

  line-height: 1.1;

}

header .pc-menu {

  display: flex;

  align-items: center;

  min-width: 0;

  flex-grow: 1;

  position: relative;

}

header .pc-menu &gt; li {

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  padding-top: 20px;

  padding-bottom: 20px;

  margin-right: 10px;

}

header .pc-menu &gt; li:last-child {

  margin-right: 0;

}

header .pc-menu &gt; li:hover &gt; a {

  background-color: #eb6100;

  border-radius: 4px;

  color: #fff !important;

}

header .pc-menu &gt; li:hover &gt; ul {

  visibility: visible;

  opacity: 1;

}

header .pc-menu &gt; li ul {

  display: flex;

  flex-wrap: wrap;

  background-color: #fff;

  width: 100%;

  position: relative;

  visibility: hidden;

  opacity: 0;

  transition: opacity 0.4s, transform 0.4s, visibility 0s;

}

header .pc-menu &gt; li ul:hover {

  opacity: 1;

  visibility: visible;

}

header .pc-menu &gt; li ul li.active &gt; ul,

header .pc-menu &gt; li ul li:hover &gt; ul {

  opacity: 1;

  visibility: visible;

  z-index: 9;

}

header .pc-menu &gt; li ul li a {

  position: relative;

}

header .pc-menu &gt; li ul a {

  display: block;

  white-space: nowrap;

  text-overflow: ellipsis;

  width: 100%;

  overflow: hidden;

  font-size: 0.2667rem;

  color: #333;

  line-height: 1.2;

  padding: 0.2333rem;

}

header .pc-menu &gt; li &gt; a {

  font-size: 18px;

  color: #333;

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 9;

  position: relative;

  padding: 10px 15px;

  line-height: 1.2;

  width: 100%;

}

header .pc-menu &gt; li &gt; ul {

  border-top: 1px solid #ddd;

  box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.14);

  position: absolute;

  top: 100%;

  left: 0;

}

header .pc-menu &gt; li &gt; ul &gt; li {

  width: 23.5%;

  margin-right: 2%;

}

header .pc-menu &gt; li &gt; ul &gt; li:nth-child(4n) {

  margin-right: 0;

}

header .pc-menu &gt; li &gt; ul &gt; li:nth-child(4n) &gt; a:after {

  display: none;

}

header .pc-menu &gt; li &gt; ul &gt; li &gt; a {

  position: relative;

}

header .pc-menu &gt; li &gt; ul &gt; li &gt; a.active,

header .pc-menu &gt; li &gt; ul &gt; li &gt; a:hover {

  background-color: rgba(0, 0, 0, 0.04);

}

header .pc-menu &gt; li &gt; ul &gt; li &gt; ul {

  position: absolute;

  left: 3.3333rem;

  top: 0;

  border-left: 1px solid #ddd;

}

header .pc-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul {

  position: absolute;

  left: 3.3333rem;

  top: 0;

  border-left: 1px solid #ddd;

}

@media screen and (max-width: 1740px) {

  header .pc-nav .mxw-box {

    max-width: 96%;

  }

}

@media screen and (max-width: 1600px) {

  header .pc-nav .nav-top .logo {

    width: 420px;

  }

  header .pc-nav .nav-top .tel {

    padding-top: 10px;

  }

  header .pc-nav .nav-top .tel p {

    font-size: 16px;

  }

  header .pc-nav .nav-top .tel p strong {

    font-size: 25px;

  }

  header .pc-menu &gt; li {

    padding-top: 15px;

    padding-bottom: 15px;

  }

  header .pc-menu &gt; li &gt; a {

    font-size: 16px;

  }

}

@media screen and (max-width: 1500px) {

  header .pc-nav .nav-top .logo {

    width: 350px;

  }

  header .pc-menu &gt; li {

    padding-top: 10px;

    padding-bottom: 10px;

  }

  header .pc-menu &gt; li &gt; a {

    font-size: 15px;

  }

}

@media screen and (max-width: 1360px) {

  header .pc-nav .nav-top .logo {

    margin-right: 20px;

  }

  header .pc-nav .nav-top .tel p strong {

    font-size: 22px;

  }

  header .pc-menu &gt; li &gt; a {

    padding-left: 10px;

    padding-right: 10px;

  }

  header .pc-menu &gt; li {

    margin-right: 5px;

  }

}

/* ==================== 头部 end ==================== */

/* ==================== 移动端头部 start ==================== */

@media screen and (max-width: 1200px) {

  header {

    z-index: 99999;

  }

  .mxw-mob-nav .head {

    font-size: 0;

    padding-left: 12px;

    padding-right: 12px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    height: 60px;

    width: 100%;

    transform: translateX(-50%);

    position: fixed;

    top: 0;

    left: 50%;

    z-index: 99;

    background-color: #fff;

    box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.2);

  }

  .mxw-mob-nav .logo {

    display: block;

    flex-shrink: 0;

  }

  .mxw-mob-nav .logo img {

    height: 48px;

  }

  .mxw-mob-nav .menu-btn {

    flex-shrink: 0;

    width: 26px;

    height: 20px;

    cursor: pointer;

    outline: none;

    display: flex;

    flex-flow: column;

    justify-content: space-between;

    align-items: center;

  }

  .mxw-mob-nav .menu-btn i {

    display: block;

    width: 100%;

    height: 3px;

    border-radius: 100px;

    background-color: #333;

  }

  .mxw-mob-nav .menus-box {

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    right: 50%;

    z-index: 9999;

    background: rgba(0, 0, 0, 0.5);

    visibility: hidden;

    opacity: 0;

    transform: translateX(50%);

  }

  .mxw-mob-nav .menus-box.active {

    visibility: visible;

    opacity: 1;

  }

  .mxw-mob-nav .menus-box.active .menus {

    transform: translateX(0);

  }

  .mxw-mob-nav .menus {

    width: 60%;

    height: 100%;

    margin-right: 0;

    margin-left: auto;

    background: #fff;

    transform: translateX(100%);

    transition: all 0.5s;

    display: flex;

    align-items: flex-start;

    justify-content: flex-start;

    flex-flow: column;

  }

  .mxw-mob-nav .menus &gt; ul {

    width: 100%;

    overflow: auto;

  }

  .mxw-mob-nav .menus &gt; ul &gt; li.active &gt; a {

    background-color: rgba(0, 0, 0, 0.07);

  }

  .mxw-mob-nav .menus &gt; ul &gt; li.active &gt; ul {

    display: block;

  }

  .mxw-mob-nav .menus &gt; ul &gt; li &gt; a {

    display: block;

    width: 100%;

    padding: 15px 18px;

    font-size: 14px;

    color: #555;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

  }

  .mxw-mob-nav .menus &gt; ul &gt; li &gt; a.sub:after {

    content: "";

    display: inline-block;

    vertical-align: middle;

    width: 0;

    height: 0;

    border-top: 4px solid #555;

    border-left: 4px solid transparent;

    border-right: 4px solid transparent;

    border-bottom: 0;

    margin-left: 10px;

  }

  .mxw-mob-nav .menus &gt; ul &gt; li &gt; ul {

    display: none;

    padding: 0px 24px;

  }

  .mxw-mob-nav .menus &gt; ul &gt; li &gt; ul &gt; li &gt; a {

    font-size: 14px;

    color: #888;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    display: block;

    line-height: 36px;

    height: 36px;

    border-bottom: 1px solid #f3f3f3;

  }

  .mxw-mob-nav .menus-head {

    width: 100%;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

    background: #F8F8F8;

    border-bottom: 0.6px solid #eee;

    font-size: 16.8px;

    font-weight: bold;

    line-height: 54px;

    height: 54px;

    padding-left: 18px;

    padding-right: 18px;

  }

  .mxw-mob-nav .menus-head .text {

    color: #333;

    line-height: 1.2;

  }

  .mxw-mob-nav .menus-head .mxw-close {

    flex-shrink: 0;

    width: 20px;

    height: 20px;

    cursor: pointer;

    outline: none;

    position: relative;

    transform: rotate(45deg);

  }

  .mxw-mob-nav .menus-head .mxw-close:before,

  .mxw-mob-nav .menus-head .mxw-close:after {

    content: "";

    display: block;

    border-radius: 100px;

    position: absolute;

    left: 50%;

    top: 50%;

    background-color: #333;

    transform: translate(-50%, -50%);

  }

  .mxw-mob-nav .menus-head .mxw-close:before {

    width: 2px;

    height: 100%;

  }

  .mxw-mob-nav .menus-head .mxw-close:after {

    width: 100%;

    height: 2px;

  }

}

/* ==================== 移动端头部 end ==================== */

/* ==================== 轮播图 start ==================== */

.mxw-banner {

  font-size: 0;

  position: relative;

}

.mxw-banner .swiper-slide {

  overflow: hidden;

}

.mxw-banner .swiper-slide img {

  width: 100%;

}

.mxw-banner .swiper-pagination {

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  position: absolute;

  bottom: 20px;

  right: 50%;

  transform: translateX(50%);

  left: auto;

}

.mxw-banner .swiper-pagination .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  border-radius: 100px;

  opacity: 1;

  margin-left: 10px;

  margin-right: 10px;

  background-color: #fff;

  transition: width 0.4s;

}

.mxw-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

  width: 32px;

  opacity: 1;

}

.mxw-banner .swiper-button-next,

.mxw-banner .swiper-button-prev {

  width: 75px;

  height: 75px;

  border-radius: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: rgba(0, 0, 0, 0.33);

  background-image: none;

  outline: none;

  z-index: 99;

  border-radius: 100%;

  opacity: 0.2;

  transition: opacity 0.4s;

}

.mxw-banner .swiper-button-next:hover,

.mxw-banner .swiper-button-prev:hover {

  opacity: 1;

}

.mxw-banner .swiper-button-next {

  right: 40px;

}

.mxw-banner .swiper-button-prev {

  left: 40px;

}

.mxw-banner .banner-swiper {

  --swiper-navigation-color: #fff;

  /* 单独设置按钮颜色 */

  --swiper-navigation-size: 24px;

  /* 设置按钮大小 */

}

@media screen and (min-width: 1790px) {

  .mxw-banner img {

    min-width: 1920px;

  }

}

@media screen and (max-width: 1200px) {

  .mxw-banner .swiper-pagination {

    padding-right: 0px;

    bottom: 10px;

    max-width: 80%;

  }

  .mxw-banner .swiper-pagination .swiper-pagination-bullet {

    margin: 0 5px;

    font-size: 14px;

    width: 8px;

    height: 8px;

  }

  .mxw-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

    width: 25px;

  }

  .mxw-banner .swiper-button-next,

  .mxw-banner .swiper-button-prev {

    display: none;

  }

  .mxw-banner .banner-text {

    width: 90%;

  }

  .mxw-banner .banner-text .text1 {

    font-size: 16px;

    margin-bottom: 10px;

  }

  .mxw-banner .banner-text .text2 {

    font-size: 12px;

    margin-bottom: 15px;

  }

  .mxw-banner .banner-text .mxw-more {

    width: auto;

    height: auto;

    line-height: inherit;

    font-size: 12px;

    padding: 6px 20px;

  }

}

/* ==================== 轮播图 end ==================== */

/* ==================== 分页样式 start ==================== */

.mxw-pagination {

  margin-top: 50px;

  font-size: 12px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

}

.mxw-pagination  a,.mxw-pagination span {

  padding: 6px 12px;

  font-size: 14px;

  color: #666;

  line-height: 1.2;

  border: 1px solid #ccc;

  margin: 4px;  display: inline-block;

}

.mxw-pagination  a.current,

.mxw-pagination  a:hover {

  background-color: #eb6100;

  color: #fff !important;

}

.mxw-pagination  a:first-child {

  margin-left: 0;

}

.mxw-pagination  a:last-child {

  margin-right: 0;

}

@media screen and (max-width: 1200px) {

  .mxw-pagination {

    margin-top: 30px;

  }

  .mxw-pagination  a {

    font-size: 12px;

    margin: 2px;

    padding: 8px 10px;

  }

}

/* ==================== 分页样式 end ==================== */

/* ==================== 通用标题 start ==================== */

.mxw-title {

  margin-bottom: 1.1667rem;

  text-align: center;

}

.mxw-title .text1 {

  color: #d7d7d7;

  font-size: 68px;

  line-height: 1.2;

  font-weight: bold;

  position: relative;

  display: block;

  line-height: 1;

}

.mxw-title .text1:after {

  content: "";

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  bottom: 0;

  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);

}

.mxw-title .text2 {

  margin-top: -20px;

  font-size: 44px;

  font-weight: bold;

  color: #333;

  line-height: 1.2;

}

.mxw-title .text2 span {

  color: #eb6100;

}

.mxw-title .text2 .content {

  display: inline-block;

  position: relative;

  padding: 0 30px;

}

.mxw-title .text2 .content:before,

.mxw-title .text2 .content:after {

  content: "";

  display: block;

  background: url(../images/img44.png) no-repeat center;

  width: 20px;

  height: 20px;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  background-size: 100%;

}

.mxw-title .text2 .content:before {

  left: -20px;

}

.mxw-title .text2 .content:after {

  right: -20px;

}

.mxw-title .text3 {

  font-size: 18px;

  color: #666;

  line-height: 1.2;

  text-align: center;

  margin-top: 15px;

}

@media screen and (max-width: 1200px) {

  .mxw-title {

    margin-bottom: 30px;

  }

  .mxw-title .text1 {

    font-size: 32px;

  }

  .mxw-title .text2 {

    font-size: 22px;

    margin-top: -10px;

  }

  .mxw-title .text2 .content {

    padding: 0 15px;

  }

  .mxw-title .text2 .content:before,

  .mxw-title .text2 .content:after {

    background-size: 100%;

    width: 15px;

    height: 15px;

  }

  .mxw-title .text2 .content:before {

    left: -15px;

  }

  .mxw-title .text2 .content:after {

    right: -15px;

  }

  .mxw-title .text3 {

    font-size: 12px;

    margin-top: 10px;

    line-height: 1.8;

  }

}

/* ==================== 通用标题 end ==================== */

.mxw-links {

  z-index: 99;

  font-size: 0.2667rem;

  color: #9fa8c1;

  line-height: 1.8;

  position: relative;

  background-color: #141414;

}

.mxw-links:after {

  content: "";

  display: block;

  width: 100%;

  height: 100%;

  background-color: #eb6100;

  right: 5.5rem;

  top: 0;

  position: absolute;

  transform: skewX(320deg);

}

.mxw-links &gt; .mxw-box {

  display: flex;

  align-items: center;

  padding-top: 0.3333rem;

  padding-bottom: 0.3333rem;

  position: relative;flex-wrap: wrap;    padding-right: 3.5rem;

  z-index: 9;

}

.mxw-links &gt; .mxw-box &gt; a {

  display: inline-block;

  color: #fff;

  margin-right: 0.3333rem;

}

.mxw-links &gt; .mxw-box &gt; a:hover {

  color: #fff !important;

}

.mxw-links &gt; .mxw-box &gt; a:last-child:after {

  display: none;

}

.mxw-links .title {

  cursor: pointer;

  font-size: 0.2667rem;

  line-height: 2;

  margin-right: 0.1667rem;

  color: #fff;

}

.mxw-links .title img {

  width: 0.2333rem;

  margin-right: 0.0833rem;

}

.mxw-links .mxw-links-online {

  position: absolute;

  top: 0;

  left: 0%;

  background: #fff;

  padding: 0.0833rem 0.1667rem;

  color: #333;

  font-size: 0.2rem;

  border: 0.0167rem solid #ddd;

  transform: translate(0%, -100%);

  display: none;

  width: 100%;

}

.mxw-links .mxw-links-online a {

  padding-right: 0.25rem;

  line-height: 2;

}

.mxw-links .mxw-links-online a:last-child {

  padding-right: 0;

}

/* ==================== 关于我们 start ==================== */

.mxw-about {

  background: url(../images/img03.jpg) no-repeat center;

  background-size: cover;

}

.mxw-about .info .desc {

  font-size: 0.3rem;

  color: #333;

  line-height: 2.2em;

  text-align: justify;

}

.mxw-about .info .mxw-more {

  margin-top: 0.8333rem;

  padding: 0.1667rem 0.3333rem;

  color: #fff;

  font-size: 0.2667rem;

  border-radius: 0 0.1667rem 0 0.1667rem;

  background-color: #eb6100;

  display: table;

  transition: transform 0.4s, box-shadow 0.4s;

}

.mxw-about .info .mxw-more:hover {

  transform: translateX(0.1667rem);

  box-shadow: 0 0 0.1667rem -0.0667rem #eb6100;

}

@media screen and (min-width: 1200px) {

  .mxw-about &gt; .mxw-box {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-top: 1.8667rem;

    padding-bottom: 1.7333rem;

  }

  .mxw-about .mxw-title {

    padding-bottom: 0.3333rem;

    border-bottom: 0.0167rem solid #d6d6d6;

    display: flex;

    align-items: center;

    position: relative;

    margin-bottom: 0.8333rem;

  }

  .mxw-about .mxw-title .text2 {

    position: relative;

    margin-right: 0.3333rem;

    flex-shrink: 0;

    order: -2;

    margin-top: 0;

  }

  .mxw-about .mxw-title .text2:after {

    content: "";

    display: block;

    width: 100%;

    height: 0.0333rem;

    background-color: #eb6100;

    position: absolute;

    bottom: -0.4833rem;

    left: 0;

  }

  .mxw-about .mxw-title .text2 .content {

    padding: 0;

  }

  .mxw-about .mxw-title .text2 .content:before,

  .mxw-about .mxw-title .text2 .content:after {

    display: none;

  }

  .mxw-about .info {

    width: 48%;

  }

  .mxw-about .image {

    width: 47%;

  }

}

@media screen and (max-width: 1200px) {

  .mxw-about .mxw-title {

    margin-bottom: 20px;

  }

  .mxw-about .info {

    margin-bottom: 30px;

  }

  .mxw-about .info .mxw-more {

    margin-top: 30px;

    width: 100%;

    font-size: 12px;

    text-align: center;

    padding: 8px 10px;

  }

  .mxw-about .info .desc {

    font-size: 14px;

    line-height: 2.1em;

  }

}

/* ==================== 关于我们 end ==================== */

/* ==================== 关于我们 - 4块内容 start ==================== */

.mxw-about-itembox {

  background: url(../images/img05.png) no-repeat center bottom;

  padding-top: 0.3333rem;

}

.mxw-about-itembox .item {

  text-align: center;

  padding-top: 0.6667rem;

  padding-bottom: 0.6667rem;

}

.mxw-about-itembox .number {

  font-weight: bold;

  margin-bottom: 0.25rem;

  font-size: 0.3rem;

  color: #fff;

}

.mxw-about-itembox .number span {

  font-weight: bold;

  color: #fff;

  font-size: 0.8667rem;

  margin-right: 0.0833rem;

  display: inline-block;

  line-height: 1;

}

.mxw-about-itembox .number i {

  margin-right: 0.0833rem;

  margin-left: 0;

  display: inline-block;

  line-height: 0.3333rem;

  font-size: 0.5rem;

  vertical-align: 0.4rem;

}

.mxw-about-itembox .text {

  font-size: 0.3rem;

  line-height: 1.8;

  color: #fff;

}

@media screen and (min-width: 1200px) {

  .mxw-about-itembox {

    min-height: 3.3rem;

    margin-top: -0.3333rem;

  }

  .mxw-about-itembox &gt; .mxw-box {

    display: flex;

    align-items: flex-start;

  }

}

@media screen and (max-width: 1200px) {

  .mxw-about-itembox {

    padding-top: 0;

    background-color: #eb6100;

  }

  .mxw-about-itembox .number {

    margin-bottom: 5px;

    font-size: 15px;

  }

  .mxw-about-itembox .number i {

    font-size: 18px;

    vertical-align: 14px;

  }

  .mxw-about-itembox .number span {

    font-size: 26px;

  }

  .mxw-about-itembox .item {

    padding: 0;

  }

  .mxw-about-itembox .text {

    font-size: 14px;

  }

}

/* ==================== 关于我们 - 4块内容 end ==================== */

/* ==================== 产品中心 start ==================== */

.mxw-product .head {

  flex-shrink: 0;

  text-align: center;

  background: url(../images/img06.png) no-repeat center top;

  background-size: 100%;

  padding: 0.5rem 0.4167rem 0.5667rem;

}

.mxw-product .head .text1 {

  font-size: 0.55rem;

  color: rgba(255, 255, 255, 0.17);

  line-height: 1.2;white-space: nowrap;

  font-weight: bold;

}

.mxw-product .head .text2 {

  font-size: 0.5rem;

  color: #fff;

  font-weight: bold;

  position: relative;

  margin-top: -0.25rem;

}

.mxw-product .head .text2:after {

  content: "";

  display: block;

  background: url(../images/img45.png) no-repeat center;

  background-size: 100%;

  width: 0.5333rem;

  height: 0.5333rem;

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

}

.mxw-product .mxw-cate {

  border-top: 0;

  padding: 0.3333rem;

}

.mxw-product .cate-item {

  position: relative;

  border: solid 0.0167rem #d2d2d2;

  margin-bottom: 0.2167rem;

  font-size: 0.2667rem;

  color: #333;

}

.mxw-product .cate-item.active,

.mxw-product .cate-item:hover {

  background-color: #eb6100;

  color: #fff;

}

.mxw-product .cate-item.active:before,

.mxw-product .cate-item:hover:before {

  background-color: #fff;

}

.mxw-product .cate-item.active:after,

.mxw-product .cate-item:hover:after {

  transform: rotate(-90deg);

  right: 0.3rem;

  top: 45%;

}

.mxw-product .cate-item.active &gt; a,

.mxw-product .cate-item:hover &gt; a {

  color: #fff;

}

.mxw-product .cate-item:before {

  content: "";

  display: block;

  width: 0.3667rem;

  height: 0.3667rem;

  background-color: #cccccc;

  border-radius: 100%;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: 0.25rem;

}

.mxw-product .cate-item:after {

  content: "";

  display: block;

  width: 0;

  height: 0;

  border-top: 0.1167rem solid #666;

  border-left: 0.1rem solid transparent;

  border-right: 0.1rem solid transparent;

  transition: all 0.4s;

  position: absolute;

  transform: rotate(0);

  right: 0.3333rem;

  top: 46%;

}

.mxw-product .cate-item &gt; a {

  padding: 0.1833rem 0.25rem;

  display: block;

  padding-right: 0.6667rem;

  color: inherit;

}

.mxw-product .cate-item:last-child {

  margin-bottom: 0;

}

.mxw-product .product-swiper .item {

  border: solid 0.0167rem #e2e2e2;

}

.mxw-product .product-swiper .item .image{

  height: 4.66rem;

  display: flex;

  align-items: center;

  justify-content: center;

}

.mxw-product .product-swiper .item .image img{

  max-height: 100%;

}

.mxw-product .product-swiper .item:hover .mxw-more {

  background-color: #eb6100;

}

.mxw-product .product-swiper .item:nth-child(4) ~ .item {

  margin-top: 0.8rem;

}

.mxw-product .product-swiper .item .info {

  text-align: center;

  padding: 0.3333rem 0.25rem;

}

.mxw-product .product-swiper .item .title {

  font-size: 0.3rem;

  margin-bottom: 0.25rem;

}

.mxw-product .product-swiper .item .text {

  font-size: 0.2333rem;

  margin-bottom: 0.5rem;

}

.mxw-product .product-swiper .item .mxw-more {

  background-color: #999;

  border-radius: 0 0.1667rem 0 0.1667rem;

  display: table;

  padding: 0.1333rem 0.25rem;

  color: #fff;

  text-align: center;

  margin: 0 auto;

  font-size: 0.2333rem;

}

.mxw-product .bottom {

  margin-top: 1.2667rem;

  text-align: center;

  position: relative;

}

.mxw-product .bottom:after {

  content: "";

  display: block;

  width: 100%;

  height: 0.0167rem;

  background-color: #dadada;

  position: absolute;

  bottom: 50%;

  left: 0;

}

.mxw-product .bottom .content {

  position: relative;

  z-index: 9;

  background-color: #f2f2f2;

  border-radius: 0.4167rem;

  overflow: hidden;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-size: 0.2333rem;

  color: #666;

  line-height: 1.2;

  padding-left: 0.45rem;

}

.mxw-product .bottom .content img {

  width: 0.3333rem;

  flex-shrink: 0;

  margin-right: 0.25rem;

}

.mxw-product .bottom .content strong {

  display: block;

  margin-left: 0.2667rem;

  font-weight: bold;

  font-size: 0.5rem;

  color: #eb6100;

  line-height: 1.2;

}

.mxw-product .bottom .content .mxw-more {

  margin-left: 1rem;

  width: 2.7667rem;

  height: 0.8333rem;

  color: #fff;

  text-align: center;

  border-radius: 1.6667rem;

  background-color: #eb6100;

  font-size: 0.2667rem;

  display: flex;

  align-items: center;

  justify-content: center;

}

@media screen and (min-width: 1200px) {

  .mxw-product &gt; .mxw-box {

    padding-top: 1.5rem;

    padding-bottom: 2rem;

  }

  .mxw-product .left {

    width: 320px;

    border: solid 0.0167rem #d2d2d2;

  }

  .mxw-product .right {

    width: 77%;

  }

  .mxw-product .body {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

  }

}

@media screen and (max-width: 1680px) {



  .mxw-product .right {

    width: calc(100% - 350px);

  }

  .mxw-product .product-swiper .item .title {

    font-size: 0.26rem;

    font-weight: bold;

  }

  .mxw-product .product-swiper .item .text {

    margin-bottom: 0.3rem;

  }

}

@media screen and (max-width: 1200px) {

  .mxw-product .left {

    width: 100%;

  }

  .mxw-product .right {

    width: 100%;

  }

  .mxw-product .mxw-cate {

    padding: 0;

    flex-wrap: wrap;

    display: flex;

    align-items: stretch;

    margin-bottom: 20px;

  }

  .mxw-product .cate-item {

    width: 48%;

    margin-right: 4%;

    margin-bottom: 0;

  }

  .mxw-product .cate-item:before,

  .mxw-product .cate-item:after {

    display: none;

  }

  .mxw-product .cate-item &gt; a {

    padding: 8px;

    padding-right: 8px;

    font-size: 13px;

    text-align: center;

  }

  .mxw-product .cate-item:nth-child(2n) {

    margin-right: 0;

  }

  .mxw-product .cate-item:nth-child(2) ~ .cate-item {

    margin-top: 10px;

  }

  .mxw-product .product-swiper .item .title {

    font-size: 14px;

    line-height: 1.6;

    font-weight: bold;

    margin-bottom: 5px;

  }

  .mxw-product .product-swiper .item .info {

    padding: 15px 10px;

  }

  .mxw-product .product-swiper .item .text {

    font-size: 12px;

    margin-bottom: 20px;

  }

  .mxw-product .product-swiper .item .mxw-more {

    width: 100%;

    font-size: 12px;

    display: block;

    padding: 6px;

  }

  .mxw-product .bottom .content {

    width: 100%;

  }

}

/* ==================== 产品中心 end ==================== */

/* ==================== 产品优势 start ==================== */

.mxw-advantage .body {

  background: url(../images/img12.jpg) no-repeat center;

  background-size: cover;

}

.mxw-advantage .mxw-cate {

  padding-top: 0.6667rem;

  padding-bottom: 0.5667rem;

  justify-content: space-around;

}

.mxw-advantage .cate-item {

  text-align: center;

  position: relative;

}

.mxw-advantage .cate-item img {

  width: 0.8333rem;

  display: block;

  margin: 0 auto 0.25rem;

}

.mxw-advantage .cate-item .text1 {

  font-size: 0.4667rem;

  color: #fff;

  line-height: 1.2;

  font-weight: bold;

  margin-bottom: 0.1667rem;

}

.mxw-advantage .cate-item .text2 {

  font-size: 0.2333rem;

  color: rgba(255, 255, 255, 0.5);

}

.mxw-advantage .body2 {

  background-color: #fff;

  padding: 1.1667rem;

  box-shadow: 0rem 0.1167rem 0.4rem 0rem rgba(255, 233, 217, 0.47);

}

.mxw-advantage .body2 .head {

  display: flex;

  align-items: center;

  padding-bottom: 0.5rem;

  border-bottom: 0.0167rem solid #e5e5e5;

  margin-bottom: 0.6667rem;

}

.mxw-advantage .body2 .head .number {

  font-size: 0.8333rem;

  color: #eb6100;

  line-height: 1;

  font-style: italic;

  margin-right: 0.25rem;

  font-weight: bold;

}

.mxw-advantage .body2 .head .text1 {

  font-size: 0.6rem;

  color: #333;

  line-height: 1.2;

  margin-right: 0.3333rem;

  font-weight: bold;

  flex-shrink: 0;

}

.mxw-advantage .body2 .head .text2 {

  font-size: 0.6rem;

  color: #e5e5e5;

  line-height: 1.2;

  font-weight: bold;

  flex-shrink: 0;

}

.mxw-advantage .body2 .desc p {

  position: relative;

  font-size: 0.3rem;

  color: #333;

  line-height: 1.6;

  margin-bottom: 0.6667rem;

  padding-left: 0.3333rem;

}

.mxw-advantage .body2 .desc p:before {

  content: "";

  display: block;

  background: url(../images/img46.png) no-repeat center;

  background-size: 100%;

  width: 0.1333rem;

  height: 0.2667rem;

  position: absolute;

  left: 0;

  top: 0.1667rem;

}

.mxw-advantage .body2 .desc p:last-child {

  margin-bottom: 0;

}

.mxw-advantage .body2 .mxw-more {

  margin-top: 0.8333rem;

  background-color: #eb6100;

  color: #fff;

  border-radius: 0rem 0.1667rem 0rem 0.1667rem;

  font-size: 0.2667rem;

  padding: 0.2rem 0.2667rem;

  display: block;

  transition: transform 0.4s;

  display: table;

}

.mxw-advantage .body2 .mxw-more:hover {

  transform: translateX(0.1667rem);

  box-shadow: 0 0 0.1667rem -0.0833rem #eb6100;

}

@media screen and (min-width: 1200px) {

  .mxw-advantage .body2 {

    margin-right: -2.6667rem;

  }

  .mxw-advantage .body2 .swiper-slide {

    display: flex;

    align-items: center;

  }

  .mxw-advantage .body2 .left {

    width: 42.5%;

    margin-right: 1.4167rem;

  }

  .mxw-advantage .body2 .image {

    width: 45.6%;

    flex-shrink: 0;

    border-radius: 0rem 1.3667rem 0rem 1.3667rem;

  }

  .mxw-advantage .cate-item.active .text2:after {

    display: block;

  }

  .mxw-advantage .cate-item .text2:after {

    content: "";

    display: block;

    width: 0;

    height: 0;

    border-bottom: 0.1667rem solid #fff;

    border-left: 0.1667rem solid transparent;

    border-right: 0.1667rem solid transparent;

    position: absolute;

    bottom: -0.5833rem;

    left: 50%;

    transform: translateX(-50%);

    display: none;

  }

  .mxw-advantage .cate-item:last-child:before,

  .mxw-advantage .cate-item:last-child:after {

    display: none;

  }

  .mxw-advantage .cate-item:before {

    content: "";

    display: block;

    width: 0.1667rem;

    height: 0.1667rem;

    background-color: #fff;

    position: absolute;

    right: -2.3333rem;

    top: 1.3333rem;

    border-radius: 100%;

  }

  .mxw-advantage .cate-item:after {

    content: "";

    display: block;

    width: 3.9333rem;

    height: 0.0167rem;

    border-top: 0.0167rem dashed #fff;

    position: absolute;

    top: 1.4rem;

    right: -4.3333rem;

  }

}

@media screen and (max-width: 1680px) {

  .mxw-advantage .cate-item:before {

    right: -1.8333rem;

  }

  .mxw-advantage .cate-item:after {

    width: 3.1333rem;

    right: -3.4333rem;

  }

  .mxw-advantage .body2 {

    margin-right: -2rem;

  }

  .mxw-advantage .body2 .head {

    padding-bottom: 0.4rem;

    margin-bottom: 0.5667rem;

  }

  .mxw-advantage .body2 .head .number {

    font-size: 0.6rem;

  }

  .mxw-advantage .body2 .head .text1,

  .mxw-advantage .body2 .head .text2 {

    font-size: 0.5rem;

  }

}

@media screen and (max-width: 1200px) {

  .mxw-advantage .mxw-cate {

    padding: 0;

    flex-wrap: wrap;

    margin-bottom: 30px;

  }

  .mxw-advantage .cate-item {

    width: 48%;

    margin-right: 4%;

  }

  .mxw-advantage .cate-item:nth-child(2) ~ .cate-item {

    margin-top: 20px;

  }

  .mxw-advantage .cate-item .text1 {

    font-size: 18px;

    margin-bottom: 0;

  }

  .mxw-advantage .cate-item .text2 {

    font-size: 12px;

  }

  .mxw-advantage .cate-item img {

    width: 30px;

    margin-bottom: 5px;

  }

  .mxw-advantage .cate-item:nth-child(2n) {

    margin-right: 0;

  }

  .mxw-advantage .body2 {

    margin-right: 0;

    padding: 20px 15px;

  }

  .mxw-advantage .body2 .head {

    flex-wrap: wrap;

    padding-bottom: 10px;

    margin-bottom: 20px;

  }

  .mxw-advantage .body2 .head .number {

    font-size: 24px;

    margin-right: 10px;

  }

  .mxw-advantage .body2 .head .text1 {

    font-size: 22px;

  }

  .mxw-advantage .body2 .head .text2 {

    font-size: 20px;

    margin-top: 0;

  }

  .mxw-advantage .body2 .head .number,

  .mxw-advantage .body2 .head .text1,

  .mxw-advantage .body2 .head .text2 {

    display: block;

  }

  .mxw-advantage .body2 .desc p {

    font-size: 14px;

    line-height: 2;

    margin-bottom: 15px;

  }

  .mxw-advantage .body2 .mxw-more {

    margin-top: 20px;

    width: 100%;

    padding: 8px 20px;

    text-align: center;

    font-size: 12px;

  }

  .mxw-advantage .body2 .image {

    margin-top: 30px;

  }

}

/* ==================== 产品优势 end ==================== */

/* ==================== 工程案例 start ==================== */

.mxw-cases .mxw-cate {

  justify-content: center;

  margin-bottom: 0.8333rem;

}

.mxw-cases .cate-item {

  background-color: #e0e0e0;

  border-radius: 0 0.1667rem 0 0.1667rem;

  font-size: 0.3rem;

  color: #333;

  line-height: 1.2;

  padding: 0.1333rem 0.1667rem;

  text-align: center;

}

.mxw-cases .cate-item.active {

  background-color: #eb6100;

  color: #fff;

}

.mxw-cases .item {

  display: block;

  position: relative;

}

.mxw-cases .item .image{

  height: 265px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.mxw-cases .item .title {

  font-size: 0.3333rem;

  padding: 0.3rem 0.25rem;

  text-align: center;

  color: #fff;

  background-color: rgba(0, 0, 0, 0.5);

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

}

.mxw-brand {

  margin-top: 1.25rem;

}

.mxw-brand .head {

  margin-bottom: 0.6667rem;

  border-bottom: 0.0167rem solid #efefef;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.mxw-brand .head .left {

  display: flex;

  align-items: flex-end;

  padding: 0.2833rem;

  background-color: #eb6100;

  position: relative;

}

.mxw-brand .head .left:after {

  content: "";

  display: block;

  width: 0.8333rem;

  height: 100%;

  background-color: #eb6100;

  transform: skewX(330deg);

  position: absolute;

  right: -0.3333rem;

  top: 0;

  box-shadow: 0.3333rem 0 0 0 #ed2321;

  z-index: -2;

}

.mxw-brand .head .text1 {

  font-size: 0.5333rem;

  color: #fff;

  font-weight: bold;

  line-height: 1.2;

  margin-right: 0.0833rem;

}

.mxw-brand .head .text2 {

  font-size: 0.2667rem;

  color: #fff;

  line-height: 1.2;

}

.mxw-brand .head .mxw-more {

  font-size: 0.2667rem;

  color: #eb6100;

  line-height: 1.2;

}

.mxw-brand .brand-swiper {

  text-align: center;

}

.mxw-brand .brand-swiper .image {

  border: solid 0.0667rem #efefef;

  height: 100px;

  display: flex;

  align-items: center;

  justify-content: center;

}







.mxw-brand .brand-swiper .image img {

  width: auto;

  max-height: 100%;

}

.mxw-brand .brand-swiper .text {

  font-size: 0.3rem;

  color: #333;

  margin-top: 0.3333rem;

}

.mxw-brand .brand-swiper .swiper-pagination {

  margin-top: 70px;

  position: static;

}

.mxw-brand .brand-swiper .swiper-pagination .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background-color: #ddd;

  margin: 0 10px;

  opacity: 1;

}

.mxw-brand .brand-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

  border-radius: 100px;

  width: 32px;

  background-color: #eb6100;

}

@media screen and (min-width: 1200px) {

  .mxw-cases .mxw-title {

    margin-bottom: 0.8333rem;

  }

  .mxw-cases &gt; .mxw-box {

    padding-top: 2.1667rem;

    padding-bottom: 1.3333rem;

  }

}

@media screen and (max-width: 1200px) {

  .mxw-cases .mxw-cate {

    margin-bottom: 25px;

  }

  .mxw-cases .cate-item {

    font-size: 14px;

  }

  .mxw-cases .item .title {

    font-size: 12px;

    padding: 8px 10px;

  }

  .mxw-brand .head {

    margin-bottom: 20px;

  }

  .mxw-brand .head .text1 {

    font-size: 16px;

  }

  .mxw-brand .head .text2 {

    font-size: 12px;

  }

  .mxw-brand .head .left {

    padding: 10px;

  }

  .mxw-brand .head .left:after {

    box-shadow: 10px 0 0 0 #ed2321;

    right: -10px;

  }

  .mxw-brand .head .mxw-more {

    display: none;

  }

  .mxw-brand .brand-swiper .image {

    border-width: 2px;

  }

  .mxw-brand .brand-swiper .text {

    font-size: 12px;

    margin-top: 10px;

  }

  .mxw-brand .brand-swiper .swiper-pagination {

    margin-top: 10px;

  }

  .mxw-brand .brand-swiper .swiper-pagination .swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    margin: 0 4px;

  }

  .mxw-brand .brand-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

    width: 25px;

  }

}

/* ==================== 工程案例 end ==================== */

/* ==================== 留言板 start ==================== */

.mxw-message {

  overflow: visible;

  background: url(../images/img33.jpg) no-repeat center;

  background-size: cover;

}

.mxw-message .left {

  padding-left: 2.6667rem;

  padding-right: 4rem;

  position: relative;

  padding-top: 1rem;

  padding-bottom: 1rem;

  margin-bottom: -1.2667rem;

}

.mxw-message .left:after {

  content: "";

  display: block;

  width: 120%;

  height: 100%;

  background-image: linear-gradient(90deg, #ed2321 0%, #eb6100 100%);

  position: absolute;

  top: 0;

  left: -30%;

  transform: skewX(20deg);

}

.mxw-message .left .text1,

.mxw-message .left .text2,

.mxw-message .left form {

  position: relative;

  z-index: 3;

}

.mxw-message .left .text1 {

  font-size: 0.5333rem;

  color: #fff;

  line-height: 1.2;

  margin-bottom: 0.3333rem;

}

.mxw-message .left .text2 {

  font-size: 0.2667rem;

  color: #fff;

  line-height: 1.4;

  margin-bottom: 0.6667rem;

}

.mxw-message .left form {

  width: 10.8333rem;

}

.mxw-message .left form .top {

  display: flex;

  align-items: center;

}

.mxw-message .left form input,

.mxw-message .left form textarea {

  color: #fff;

  background-color: rgba(255, 255, 255, 0.17);

  border-radius: 0.0667rem;

}

.mxw-message .left form input::-webkit-input-placeholder,

.mxw-message .left form textarea::-webkit-input-placeholder {

  /* WebKit browsers */

  color: #fff;

}

.mxw-message .left form input:-moz-placeholder,

.mxw-message .left form textarea:-moz-placeholder {

  /* Mozilla Firefox 4 to 18 */

  color: #fff;

}

.mxw-message .left form input::-moz-placeholder,

.mxw-message .left form textarea::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: #fff;

}

.mxw-message .left form input:-ms-input-placeholder,

.mxw-message .left form textarea:-ms-input-placeholder {

  /* Internet Explorer 10+ */

  color: #fff;

}

.mxw-message .left form input {

  min-width: 0;

  flex-grow: 1;

  margin-right: 0.5rem;

  height: 0.7rem;

  line-height: 0.7rem;

  padding: 0 0.3333rem;

}

.mxw-message .left form input:last-child {

  margin-right: 0;

}

.mxw-message .left form textarea {

  display: block;

  margin-top: 0.2833rem;

  width: 100%;

  height: 1.6667rem;

  font-size: 0.2333rem;

  color: #fff;

  padding: 0.1667rem 0.25rem;

  resize: none;

}

.mxw-message .left form button {

  position: absolute;

  bottom: 0;

  right: 0;

  width: 1.8667rem;

  height: 1.8667rem;

  border-radius: 100%;

  background-color: #fff;

  box-shadow: 0 0 0 0.2333rem rgba(255, 255, 255, 0.3);

  animation-name: minBig;

  animation-timing-function: linear;

  animation-delay: 0s;

  animation-iteration-count: infinite;

  animation-duration: 1s;

  bottom: -0.1667rem;

  right: -3.8333rem;

}

.mxw-message .right .text1 {

  font-size: 0.6833rem;

  color: #fff;

  font-weight: bold;

  margin-bottom: 0.3333rem;

}

.mxw-message .right .text1 strong {

  color: #eb6100;

}

.mxw-message .right .text2 {

  font-size: 0.25rem;

  color: #fff;

  line-height: 1.2;

}

.mxw-message .right .text3 {

  margin-top: 0.8333rem;

  display: flex;

  align-items: flex-start;

  font-size: 0.4rem;

  color: #fff;

  line-height: 1.2;

}

.mxw-message .right .text3 p {

  margin-right: 0.9333rem;

}

.mxw-message .right .text3 p:last-child {

  margin-right: 0;

}

.mxw-message .right .text3 p:before {

  content: "";

  display: block;

  background: url(../images/img35.png) no-repeat center;

  width: 0.3667rem;

  height: 0.3667rem;

  background-size: 100%;

  display: inline-block;

  margin-right: 0.25rem;

}

@keyframes minBig {

  from {

    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);

  }

  to {

    box-shadow: 0 0 0 0.3rem rgba(255, 255, 255, 0);

  }

}

@media screen and (min-width: 1200px) {

  .mxw-message {

    padding-top: 1.6667rem;

    display: flex;

    align-items: flex-start;

  }

}

@media screen and (max-width: 1680px) {

  .mxw-message .left {

    padding-left: 7%;

    padding-right: 2.3rem;

    padding-top: 0.8rem;

    padding-bottom: 0.8rem;

  }

  .mxw-message .left form {

    width: 9rem;

  }

  .mxw-message .right .text1 {

    font-size: 0.5833rem;

  }

  .mxw-message .right .text3 {

    font-size: 0.3rem;

  }

}

@media screen and (max-width: 1200px) {

  .mxw-message .left {

    margin: 0;

    padding: 20px;

    text-align: center;

  }

  .mxw-message .left:after {

    width: 100%;

    height: 100%;

    left: 0;

    transform: inherit;

  }

  .mxw-message .left .text1 {

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 10px;

  }

  .mxw-message .left .text2 {

    font-size: 12px;

    line-height: 2.2;

    margin-bottom: 20px;

  }

  .mxw-message .left form {

    width: 100%;

  }

  .mxw-message .left form .top {

    flex-wrap: wrap;

  }

  .mxw-message .left form input,

  .mxw-message .left form textarea {

    font-size: 12px;

    padding-left: 10px;

    padding-right: 10px;

  }

  .mxw-message .left form input {

    width: 100%;

    display: block;

    margin-right: 0;

    height: 36px;

    line-height: 36px;

    margin-bottom: 15px;

  }

  .mxw-message .left form textarea {

    margin-top: 0;

  }

  .mxw-message .left form button {

    position: static;

    height: auto;

    width: 100%;

    border-radius: 0;

    box-shadow: none;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  .mxw-message .left form button img {

    width: 30px;

    margin-right: 10px;

  }

  .mxw-message .right {

    padding: 20px;

    text-align: center;

  }

  .mxw-message .right .text1 {

    font-size: 18px;

    margin-bottom: 10px;

  }

  .mxw-message .right .text2 {

    font-size: 12px;

  }

  .mxw-message .right .text3 {

    margin-top: 20px;

    flex-wrap: wrap;

  }

  .mxw-message .right .text3 p {

    width: 48%;

    margin-right: 4%;

    font-size: 14px;

  }

  .mxw-message .right .text3 p:before {

    width: 12px;

    height: 12px;

  }

  .mxw-message .right .text3 p:nth-child(2n) {

    margin-right: 0;

  }

  .mxw-message .right .text3 p:nth-child(2) ~ p {

    margin-top: 4%;

  }

}

/* ==================== 留言板 end ==================== */

/* ==================== 资质荣誉 start ==================== */

.mxw-album .body {

  position: relative;

}

.mxw-album .swiper-slide {

  border: 1px solid #efefef;

}

.mxw-album .swiper-slide .image {

  border-bottom: 0.0167rem solid #efefef;

  height: 287px; display: flex;

  align-items: center;

  justify-content: center;

  overflow: hidden;

}

.mxw-album .swiper-slide .image img{

  max-height: 100%;

}

.mxw-album .swiper-slide .title {

  font-size: 0.3rem;

  color: #333;

  line-height: 1.2;

  text-align: center;

  padding-top: 0.3333rem;

  padding-bottom: 0.3333rem;

}

.mxw-album .swiper-button-prev,

.mxw-album .swiper-button-next {

  width: 0.6667rem;

  height: 0.6667rem;

  background-color: rgba(0, 0, 0, 0.2);

  border-radius: 100%;

}

.mxw-album .swiper-button-prev:after,

.mxw-album .swiper-button-next:after {

  font-size: 0.2rem;

  color: #fff;

}

.mxw-album .swiper-button-prev {

  left: -1.0833rem;

}

.mxw-album .swiper-button-next {

  right: -1.0833rem;

}

.mxw-album .mxw-more {

  width: 2.5167rem;

  height: 0.7rem;

  line-height: 0.7rem;

  text-align: center;

  color: #fff;

  border-radius: 0rem 0.1667rem 0rem 0.1667rem;

  background: #eb6100;

  display: block;

  margin: 0 auto;

  margin-top: 1.3333rem;

}

@media screen and (min-width: 1200px) {

  .mxw-album {

    padding-top: 170px;

    padding-bottom: 76px;

  }

}

@media screen and (max-width: 1200px) {

  .mxw-album .swiper-slide .title {

    font-size: 12px;

    padding: 10px 0;

  }

  .mxw-album .mxw-more {

    width: 100%;

    padding: 8px 10px;

    height: auto;

    line-height: inherit;

    font-size: 12px;

    margin-top: 20px;

  }

}

/* ==================== 资质荣誉 end ==================== */

/* ==================== 新闻资讯 start ==================== */

.mxw-news {

  background: url(../images/img41.jpg) no-repeat center top;

}

.mxw-news .mxw-title .text1 {

  display: inline-block;

}

.mxw-news .mxw-title .text1:after {

  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f8f7f7);

}

.mxw-news .body {

  align-items: flex-start;

}

.mxw-news .left {

  margin-right: 1.3333rem;

  min-width: 0;

  flex-grow: 1;

}

.mxw-news .head {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  margin-bottom: 0.45rem;

  padding-bottom: 0.3333rem;

  border-bottom: 1px solid #dcdcdc;

}

.mxw-news .head .mxw-more {

  font-size: 0.2333rem;

  line-height: 1.2;

  color: #999;

  flex-shrink: 0;

}

.mxw-news .mxw-cate {

  display: flex;

  align-items: center;

}

.mxw-news .cate-item {

  margin-right: 25px;

  display: flex;

  align-items: center;

  color: #333;

  font-weight: bold;

  font-size: 24px;

  padding-left: 30px;

  position: relative;

}

.mxw-news .cate-item:before {

  content: "";

  display: block;

  width: 0.1333rem;

  height: 0.4667rem;

  background: #eb6100;

  margin-right: 0.3333rem;

  position: absolute;

  left: 0;

  top: 50%;

  display: none;

  transform: translateY(-50%);

}

.mxw-news .cate-item.active {

  color: #eb6100;

}

.mxw-news .cate-item.active::before {

  display: block;

}

.mxw-news .cate-item .title {

  font-size: 0.4rem;

  font-weight: bold;

  color: #333;

  flex-grow: 1;

}

.mxw-news .first-item {

  display: flex;

  align-items: center;

  padding-bottom: 0.5rem;

  border-bottom: 0.0167rem dashed #b1b1b1;

  margin-bottom: 0.6667rem;

}

.mxw-news .first-item .image {

  flex-shrink: 0;

  width: 5rem;

  margin-right: 0.5833rem;

}

.mxw-news .first-item .info {

  margin-right: 0.75rem;

  min-width: 0;

  flex-grow: 1;

}

.mxw-news .first-item .title {

  font-size: 0.3rem;

  line-height: 1.2;

  font-weight: bold;

  color: #333;

  margin-bottom: 0.25rem;

}

.mxw-news .first-item .desc {

  font-size: 14px;

  text-align: justify;

  color: #666;

  line-height: 1.8;

  height: 5.4em;

  margin-bottom: 0.3333rem;

}

.mxw-news .first-item .more {

  width: 2rem;

  height: 0.5667rem;

  background-color: #eb6100;

  border-radius: 0rem 0.1333rem 0rem 0.1333rem;

  line-height: 0.5667rem;

  font-size: 0.2333rem;

  color: #fff;

  text-align: center;

}

.mxw-news .first-item .time {

  flex-shrink: 0;

  border-left: 0.0167rem solid #dcdcdc;

  padding-left: 0.4167rem;

  text-align: center;

  color: #333;

}

.mxw-news .first-item .time .day {

  font-size: 0.6rem;

  line-height: 1;

  margin-bottom: 15px;

}

.mxw-news .first-item .time .year {

  font-size: 0.2333rem;

  line-height: 1.2;

}

.mxw-news .bottom {

  display: flex;

  align-items: flex-start;

}

.mxw-news .item {

  width: 46%;

}

.mxw-news .item:first-child {

  margin-right: 8%;

}

.mxw-news .item .title {

  font-size: 0.3rem;

  color: #333;

  line-height: 1.2;

  margin-bottom: 0.25rem;

  display: flex;

  align-items: center;

  font-weight: bold;

}

.mxw-news .item .title:before {

  content: "";

  width: 0.1333rem;

  height: 0.1333rem;

  border: 0.0167rem solid #999;

  margin-right: 0.2333rem;

  border-radius: 100%;

  flex-shrink: 0;

}

.mxw-news .item .desc {

  font-size: 14px;

  text-align: justify;

  color: #666;

  line-height: 1.8;

  height: 3.6em;

}

.mxw-news .right {

  width: 42.6%;

  flex-shrink: 0;

}

.mxw-news .list-item {

  margin-bottom: 0.3333rem;

  display: flex;

  line-height: 0.5667rem;

  height: 0.5667rem;

  height: 0.9333rem;

  line-height: 0.9333rem;

  transition: all 0.4s;

}

.mxw-news .list-item:last-child {

  margin-bottom: 0;

}

.mxw-news .list-item .icon {

  width: 0.9167rem;

  height: 0.9167rem;flex-shrink: 0;

  display: block;

  background: url(../images/img47.png) no-repeat center #9b9b9b;

  background-size: 100%;

  position: relative;

  z-index: 3;

  border-radius: 100%;

  background-size: 40px;

}

.mxw-news .list-item .title {

  padding: 0 0.4rem;

  font-size: 0.2667rem;

  color: #666;

  border-radius: 0.4667rem;

  border: 0.0167rem solid #eee;

  flex-grow: 1;

  background-color: #fff;    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.mxw-news .list-item:nth-child(2n-1) {

  justify-content: flex-start;

}

.mxw-news .list-item:nth-child(2n-1) .title {

  margin-left: -50px;

  padding-left: 70px;

}

.mxw-news .list-item:nth-child(2n) {

  justify-content: flex-end;

}

.mxw-news .list-item:nth-child(2n) .title {

  margin-right: -50px;

  padding-right: 70px;

  background: #f7f7f7;

}

.mxw-news .list-item:nth-child(2n) .icon {

  order: 2;

  background-color: #eb6100;

}

@media screen and (min-width: 1200px) {

  .mxw-news .mxw-box {

    padding-top: 0.75rem;

    padding-bottom: 1.5rem;

  }

  .mxw-news .mxw-title .bg-text {

    width: 9.45rem;

  }

  .mxw-news .list-item:hover {

    transform: translateX(-0.3333rem);

  }

}

@media screen and (max-width: 1200px) {

  .mxw-news .body {

    flex-wrap: wrap;

  }

  .mxw-news .mxw-title .bg-text {

    width: 283px;

  }

  .mxw-news .left {

    width: 100%;

    margin-right: 0;

  }

  .mxw-news .head {

    padding-bottom: 15px;

    margin-bottom: 15px;

  }

  .mxw-news .head:before {

    width: 4px;

    margin-right: 10px;

    height: 20px;

  }

  .mxw-news .head .title {

    font-size: 16px;

  }

  .mxw-news .head .mxw-more {

    font-size: 12px;

    display: none;

  }

  .mxw-news .mxw-cate {

    width: 100%;

  }

  .mxw-news .cate-item {

    font-size: 16px;

    width: 48%;

    margin-right: 4%;

    padding-left: 15px;

  }

  .mxw-news .cate-item:nth-child(2n) {

    margin-right: 0;

  }

  .mxw-news .cate-item:before {

    width: 4px;

    height: 18px;

  }

  .mxw-news .first-item {

    flex-wrap: wrap;

    padding-bottom: 20px;

    margin-bottom: 20px;

  }

  .mxw-news .first-item .image {

    width: 100%;

    margin-right: 0;

    margin-bottom: 20px;

  }

  .mxw-news .first-item .info {

    width: 100%;

    margin-right: 0;

  }

  .mxw-news .first-item .title {

    font-size: 16px;

    margin-bottom: 10px;

  }

  .mxw-news .first-item .desc {

    margin-bottom: 20px;

  }

  .mxw-news .first-item .more {

    margin: 0 auto;

  }

  .mxw-news .first-item .time {

    display: none;

  }

  .mxw-news .bottom {

    flex-wrap: wrap;

  }

  .mxw-news .item {

    width: 100%;

    margin-right: 0!important;

    margin-bottom: 20px;

  }

  .mxw-news .item .title {

    margin-bottom: 5px;

    font-size: 14px;

  }

  .mxw-news .right {

    width: 100%;

    margin-top: 20px;

  }

}

/* ==================== 新闻资讯 end ==================== */

/* ==================== 内页 - banner start ==================== */

@media screen and (min-width: 1800px) {

  .ny-banner {

    overflow: hidden;

  }

  .ny-banner img {

    min-width: 1920px;

  }

}

/* ==================== 内页 - banner end ==================== */

/* ==================== 面包屑 start ==================== */

.bread-crumbs {

  border-bottom: 0.0167rem solid #efefef;

}

.bread-crumbs .left {

  position: relative;

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

  padding-left: 0.5rem;

}

.bread-crumbs .left::before {

  content: "";

  display: block;

  background: url(../images/img49.png) no-repeat center;

  background-size: 100%;

  width: 0.3333rem;

  height: 0.3333rem;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 0;

}

.bread-crumbs .left a {

  font-size: 0.2667rem;

  color: #333;

  line-height: 1.2;

}

.bread-crumbs .left a:hover:after {

  color: #333;

}

.bread-crumbs .left a:last-child:after {

  display: none;

}

.bread-crumbs .left a:after {

  content: "&gt;";

  display: inline-block;

  margin: 0 0.0833rem;

  vertical-align: text-top;

}

.bread-crumbs .ny-navbar {

  display: flex;

  align-items: center;

}

.bread-crumbs .ny-navbar .ny-item {

  padding: 0.1667rem;

  min-width: 2.1667rem;

  border-radius: 0rem 0.1667rem 0rem 0.1667rem;

  background-color: #fff;

  transition: color 0.4s, background-color 0.4s;

  margin-right: 0.3333rem;

  text-align: center;

  cursor: pointer;

}

.bread-crumbs .ny-navbar .ny-item.active,

.bread-crumbs .ny-navbar .ny-item:hover{

  color: #fff;

  background-color: #eb6100;

}

.bread-crumbs .ny-navbar .ny-item a:hover{

  color: #fff;



}

@media screen and (min-width: 1200px) {

  .bread-crumbs &gt; .mxw-box {

    display: flex;

    align-items: center;

    justify-content: space-between;

  }

}

@media screen and (max-width: 1200px) {

  .bread-crumbs {

    margin-bottom: 0;

    border-bottom: 0;

  }

  .bread-crumbs &gt; .mxw-box {

    padding: 0;

  }

  .bread-crumbs .left {

    border-bottom: 1px solid #ddd;

    padding-top: 10px;

    padding-bottom: 10px;

    padding-left: 50px;

    padding-right: 20px;

  }

  .bread-crumbs .left:before {

    left: 20px;

  }

  .bread-crumbs .left a {

    font-size: 13px;

  }

  .bread-crumbs .ny-navbar {

    padding: 0 20px;

    margin-top: 20px;

    flex-wrap: wrap;

  }

  .bread-crumbs .ny-navbar .ny-item {

    width: 32%;

    font-size: 12px;

    margin-right: 0;

    min-width: inherit;

  }

  .bread-crumbs .ny-navbar .ny-item:nth-child(3n-1) {

    margin-left: 2%;

    margin-right: 2%;

  }

  .bread-crumbs .ny-navbar .ny-item:nth-child(3) ~ .ny-item {

    margin-top: 2%;

  }

}

/* ==================== 面包屑 end ==================== */

/* ==================== 内页 - 通用标题 start ==================== */

.ny-title {

  text-align: center;

  margin-bottom: 0.8333rem;

}

.ny-title .text1 {

  font-size: 0.2333rem;

  color: #d7d7d7;

  line-height: 1.2;

  margin-bottom: 0.25rem;

}

.ny-title .text2 {

  font-size: 0.7333rem;

  font-weight: bold;

  color: #eb6100;

  line-height: 1.2;

}

.ny-title .text2 span {

  color: #333;

}

.ny-title .text2:after {

  content: "";

  display: block;

  width: 1.2833rem;

  height: 0.0333rem;

  background-color: #eb6100;

  margin-top: 0.5rem;

  margin-left: auto;

  margin-right: auto;

}

@media screen and (max-width: 1200px) {

  .ny-title {

    margin-bottom: 30px;

  }

  .ny-title .text1 {

    font-size: 12px;

    margin-bottom: 10px;

  }

  .ny-title .text2 {

    font-size: 21px;

  }

  .ny-title .text2:after {

    margin-top: 15px;

    width: 50px;

  }

}

/* ==================== 内页 - 通用标题 end ==================== */

/* ==================== 内页 - 通用工程案例 start ==================== */

.ny-about-cases .swiper-wrapper {

  padding-bottom: 2px;

}

.ny-about-cases .swiper-slide {

  border: solid 1px #efefef;

  display: block;

}

.ny-about-cases .image img {

  width: auto;

}

.ny-about-cases .text {

  font-size: 0.3333rem;

  color: #333;

  line-height: 1.2;

  text-align: center;

  padding: 0.4167rem 0.1667rem;

}

.ny-about-cases &gt; .mxw-box {

  border-top: 0.0167rem solid #e4e4e4;

  padding-top: 1.2833rem;

}

@media screen and (min-width: 1200px) {

  .ny-about-cases {

    padding-bottom: 1.5rem;

  }

}

@media screen and (max-width: 1200px) {

  .ny-about-cases &gt; .mxw-box {

    padding-top: 30px;

    padding-bottom: 30px;

  }

  .ny-about-cases .text {

    font-size: 14px;

    padding: 8px 10px;

  }

}

/* ==================== 内页 - 通用工程案例 end ==================== */

/* ==================== 内页 - 产品中心 start ==================== */

@media screen and (min-width: 1200px) {

  .ny-product .mxw-product &gt; .mxw-box {

    padding-top: 50px;

    padding-bottom: 80px;

  }

}

/* ==================== 内页 - 产品中心 end ==================== */

/* ==================== 内页 - 关于我们 start ==================== */

.ny-about .section1 .content {

  font-size: 0.3rem;

  text-align: justify;

  line-height: 2.4;

}

@media screen and (min-width: 1200px) {

  .ny-about .section1 &gt; .mxw-box {

    padding-top: 1.1667rem;

    padding-bottom: 2rem;

  }

}

@media screen and (max-width: 1200px) {

  .ny-about .section1 .content {

    font-size: 14px;

    line-height: 2.2;

  }

}

/* ==================== 内页 - 关于我们 end ==================== */

/* ==================== 内页 - 案例中心 start ==================== */

.ny-cases .mxw-cases .item .image{height: 4.4167rem;display: flex;align-items: center;justify-content: center;}

.ny-cases .mxw-cases .item .image img{height: 100%;width: auto;}

@media screen and (min-width: 1200px) {

  .ny-cases .mxw-cases &gt; .mxw-box {

    padding-top: 0.9167rem;

    display: flex;align-items: flex-start;

  }

}

@media screen and (max-width: 1200px) {

  .ny-cases .mxw-cases .item .image{height: 130px;}

}

/* ==================== 内页 - 案例中心 end ==================== */

/* ==================== 内页 - 加盟代理 start ==================== */

.ny-join .section1 {

  background: url(../images/img79.png) no-repeat bottom right;

  background-size: 4.2rem auto;

  padding-bottom: 0.7833rem;

}

.ny-join .section1 .item {

  display: flex;

  align-items: center;

  margin-bottom: 1.4333rem;

}

.ny-join .section1 .item:nth-child(2) .number {

  background-color: #ee2322;

}

.ny-join .section1 .item:nth-child(2) .number:after {

  display: none;

}

.ny-join .section1 .item .number {

  width: 1.2667rem;

  height: 1.2667rem;

  border-radius: 100%;

  line-height: 1.2667rem;

  text-align: center;

  color: #fff;

  font-size: 0.6rem;

  font-weight: bold;

  background-color: #eb6100;

  margin-right: 0.5rem;

  position: relative;

  flex-shrink: 0;

}

.ny-join .section1 .item .number:after {

  content: "";

  display: block;

  width: 0.0333rem;

  height: 0.8333rem;

  background-color: #eaeaea;

  position: absolute;

  left: 50%;

  bottom: -1.1667rem;

  transform: translateX(-50%);

}

.ny-join .section1 .item .desc {

  min-width: 0;

  width: auto;

  flex-grow: 1;

}

.ny-join .section1 .item .desc .text1 {

  font-size: 0.4333rem;

  color: #333;

  line-height: 1.2;

  font-weight: bold;

  margin-bottom: 0.25rem;

}

.ny-join .section1 .item .desc .text2 {

  font-size: 0.2667rem;

  color: #666;

  line-height: 1.8;

}

.ny-join .section1 .right {

  position: relative;

  width: 49%;

}

.ny-join .section1 .right .swiper-button-prev,

.ny-join .section1 .right .swiper-button-next {

  width: 0.9333rem;

  height: 0.9333rem;

  margin: 0;

  transform: translateY(-50%);

  background-color: #333;

  border-radius: 100%;

  overflow: hidden;

}

.ny-join .section1 .right .swiper-button-prev:hover,

.ny-join .section1 .right .swiper-button-next:hover {

  background-color: #eb6100;

}

.ny-join .section1 .right .swiper-button-prev:after,

.ny-join .section1 .right .swiper-button-next:after {

  color: #fff;

  font-size: 0.4rem;

}

.ny-join .section1 .right .swiper-button-prev {

  left: -0.4667rem;

}

.ny-join .section1 .right .swiper-button-next {

  right: -0.4667rem;

}

.ny-join .section1 .tel {

  margin-top: 60px;

  text-align: left;

  position: relative;

}

.ny-join .section1 .tel .content {

  position: relative;

  z-index: 9;

  background-color: #f2f2f2;

  border-radius: 25.002px;

  overflow: hidden;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-size: 13.998px;

  color: #666;

  line-height: 1.2;

  padding-left: 27px;

}

.ny-join .section1 .tel .content img {

  width: 19.998px;

  flex-shrink: 0;

  margin-right: 15px;

}

.ny-join .section1 .tel .content strong {

  display: block;

  margin-left: 16.002px;

  font-weight: bold;

  font-size: 30px;

  color: #eb6100;

  line-height: 1.2;

}

.ny-join .section1 .tel .content .mxw-more {

  margin-left: 60px;

  width: 166.002px;

  height: 49.998px;

  color: #fff;

  text-align: center;

  border-radius: 100.002px;

  background-color: #eb6100;

  font-size: 16.002px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.ny-join .section2 {

  padding-top: 0.7833rem;

  padding-bottom: 2.1667rem;

  position: relative;

}

.ny-join .section2:after {

  content: "";

  display: block;

  width: 100%;

  height: 5.5rem;

  background-color: #f8f8f8;

  position: absolute;

  bottom: 0;

  left: 0;

}

.ny-join .section2 .itembox {

  position: relative;

  z-index: 3;

}

.ny-join .section2 .item .image {

  border: solid 0.0167rem #efefef;

  border-bottom: 0;

    height: 375px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.ny-join .section2 .item .image img{

    width: initial;

    height: initial;

    max-width: 100%;

    max-height: 100%;

}



.ny-join .section2 .item .text {

  background-color: #eb6100;

  padding: 0.3333rem;

  color: #fff;

  font-size: 0.3333rem;

  text-align: center;

}

.ny-join .section3 {

  padding-top: 1.2833rem;

  padding-bottom: 0.9333rem;

}

.ny-join .section4 {

  background: url(../images/img67.jpg) no-repeat center;

  position: relative;

  margin-bottom: 0.4rem;

}

.ny-join .section4:after {

  content: "";

  display: block;

  background: url(../images/img68.png) no-repeat center;

  height: 0.4rem;

  width: 26.7333rem;

  margin: 0 auto;

  position: absolute;

  bottom: -0.4rem;

  left: 50%;

  transform: translateX(-50%);

  background-size: 100%;

}

.ny-join .section4 &gt; .mxw-box {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-right: 2.3333rem;

}

.ny-join .section4 .left {

  color: #fff;

}

.ny-join .section4 .left .text1 {

  font-size: 0.7667rem;

  line-height: 1.2;

  margin-bottom: 0.25rem;

  font-weight: bold;

}

.ny-join .section4 .left .text2 {

  font-size: 0.3333rem;

  line-height: 1.2;

  text-transform: uppercase;

}

.ny-join .section4 .right {

  position: relative;

  color: #fff;

  padding: 1.6rem 1.1667rem 1.1rem;

}

.ny-join .section4 .right:after {

  content: "";

  display: block;

  width: 100%;

  height: 100%;

  background-color: #eb6100;

  opacity: 0.8;

  position: absolute;

  top: 0;

  left: 0;

  transform: skewX(-15deg);

}

.ny-join .section4 .right &gt; * {

  position: relative;

  z-index: 2;

}

.ny-join .section4 .right .text1 {

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 0.3333rem;

  margin-bottom: 0.25rem;

}

.ny-join .section4 .right .text1 img {

  display: block;

  width: 0.5rem;

  margin-right: 0.3rem;

}

.ny-join .section4 .right .text2 {

  font-size: 0.6667rem;

  font-weight: bold;

  line-height: 1.2;

  margin-bottom: 0.6667rem;

}

.ny-join .section4 .right .mxw-more {

  width: 2.8333rem;

  height: 0.6667rem;

  background-color: #fff;

  color: #333;

  line-height: 0.6667rem;

  border-radius: 0.05rem;

  display: block;

  text-align: center;

  margin: 0 auto;

}

.ny-join .section5 .ny-title .text1 {

  margin-bottom: -0.5rem;

}

.ny-join .section5 .ny-title strong {

  font-size: 1.4167rem;

  font-style: italic;

  line-height: 1.2;

  margin-right: 0.3333rem;

}

.ny-join .section5 .item {

  position: relative;

}

.ny-join .section5 .item .title {

  width: 100%;

  font-size: 0.4333rem;

  position: absolute;

  bottom: 0;

  left: 0;

  background-color: rgba(235, 97, 0, 0.8);

  height: 0.8667rem;

  line-height: 0.8667rem;

  color: #fff;

  font-weight: bold;

  text-align: center;

}

.ny-join .section6 {

  background-color: #f8f8f8;

}

.ny-join .section6 &gt; .mxw-box {

  padding-top: 1.25rem;

  padding-bottom: 1.8333rem;

}

.ny-join .section6 .itembox {

  display: flex;

  align-items: flex-start;

  justify-content: center;

  position: relative;

}

.ny-join .section6 .itembox:after {

  content: "";

  display: block;

  width: 100%;

  height: 0.0167rem;

  background-color: #eb6100;

  opacity: 0.42;

  position: absolute;

  bottom: 0.25rem;

  left: 0;

}

.ny-join .section6 .item {

  margin-right: 2.1rem;

}

.ny-join .section6 .item:last-child {

  margin-right: 0;

}

.ny-join .section6 .item .top {

  background-color: #fff;

  padding-top: 0.6rem;

  padding-bottom: 0.4rem;

  border-radius: 0.1667rem;

  box-shadow: 0rem 0.0833rem 0.1167rem 0rem rgba(3, 0, 0, 0.03);

  text-align: center;

  width: 2.6667rem;

  margin: 0 auto;

}

.ny-join .section6 .item .image {

  width: 1rem;

  margin: 0 auto 0.3333rem;

}

.ny-join .section6 .item .text {

  font-size: 0.3333rem;

  color: #333;

  line-height: 1.2;

}

.ny-join .section6 .item .number {

  margin-top: 0.3333rem;

  background-color: #eb6100;

  width: 0.5rem;

  height: 0.5rem;

  border-radius: 100%;

  overflow: hidden;

  line-height: 0.5rem;

  font-size: 0.3rem;

  color: #fff;

  text-align: center;

  margin-left: auto;

  margin-right: auto;

  position: relative;

  z-index: 9;

}

@media screen and (min-width: 1200px) {

  .ny-join .section1 &gt; .mxw-box {

    padding-top: 1.5rem;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

  }

  .ny-join .section1 .left {

    width: 45%;

  }

  .ny-join .section1 .ny-title {

    text-align: left;

  }

  .ny-join .section1 .ny-title .text2:after {

    margin-left: 0;

    margin-right: auto;

  }

  .ny-join .section5 {

    padding-top: 1.3333rem;

    padding-bottom: 1.8333rem;

  }

  .ny-join .section5 .item {

    width: 21.85%;

    margin-right: 4.2%;

  }

  .ny-join .section5 .item:nth-child(4n) {

    margin-right: 0;

  }

  .ny-join .section7 {

    padding-top: 1.2667rem;

    padding-bottom: 1.5333rem;

  }

  .ny-join .section7 .ny-about-cases {

    padding-bottom: 0;

  }

}

@media screen and (max-width: 1200px) {

  .ny-join .section1 {

    padding-bottom: 0;

  }

  .ny-join .section1 .item {

    margin-bottom: 20px;

  }

  .ny-join .section1 .item:last-child {

    margin-bottom: 0;

  }

  .ny-join .section1 .item .number {

    margin-right: 15px;

    width: 40px;

    height: 40px;

    line-height: 40px;

    font-size: 20px;

  }

  .ny-join .section1 .item .number:after {

    display: none;

  }

  .ny-join .section1 .item .desc .text1 {

    font-size: 18px;

    margin-bottom: 5px;

  }

  .ny-join .section1 .item .desc .text2 {

    font-size: 12px;

  }

  .ny-join .section1 .right {

    width: 100%;

    margin-top: 30px;

  }

  .ny-join .section1 .right .swiper-button-prev,

  .ny-join .section1 .right .swiper-button-next {

    width: 30px;

    height: 30px;

  }

  .ny-join .section1 .right .swiper-button-prev:after,

  .ny-join .section1 .right .swiper-button-next:after {

    font-size: 12px;

  }

  .ny-join .section1 .right .swiper-button-prev {

    left: -15px;

  }

  .ny-join .section1 .right .swiper-button-next {

    right: -15px;

  }

  .ny-join .section2 {

    padding-top: 0;

    padding-bottom: 0;

  }

  .ny-join .section2 .item .text {

    padding: 8px 10px;

    font-size: 12px;

  }

  .ny-join .section3 {

    padding: 0;

  }

  .ny-join .section3 .mxw-brand {

    margin-top: 20px;

  }

  .ny-join .section4 {

    margin-bottom: 8px;

  }

  .ny-join .section4:after {

    bottom: -8px;

    height: 10px;

    width: 100%;

  }

  .ny-join .section4 &gt; .mxw-box {

    flex-wrap: wrap;

    padding: 30px 20px;

  }

  .ny-join .section4 .left {

    width: 100%;

    text-align: center;

    margin-bottom: 20px;

  }

  .ny-join .section4 .left .text1 {

    font-size: 16px;

    line-height: 1.6em;

    margin-bottom: 5px;

  }

  .ny-join .section4 .left .text2 {

    font-size: 12px;

  }

  .ny-join .section4 .right {

    width: 100%;

    padding: 0;

  }

  .ny-join .section4 .right:after {

    display: none;

  }

  .ny-join .section4 .right .text1 {

    font-size: 16px;

    margin-bottom: 5px;

  }

  .ny-join .section4 .right .text1 img {

    width: 30px;

    margin-right: 10px;

  }

  .ny-join .section4 .right .text2 {

    text-align: center;

    font-size: 28px;

    font-weight: bold;

    margin-bottom: 20px;

  }

  .ny-join .section4 .right .mxw-more {

    width: 100%;

    font-size: 12px;

    padding: 8px 10px;

    line-height: inherit;

    height: auto;

  }

  .ny-join .section5 .ny-title .text1 {

    margin-bottom: -10px;

  }

  .ny-join .section5 .ny-title .text2 strong {

    font-size: 43px;

    margin-right: 0;

  }

  .ny-join .section5 .item .title {

    font-size: 14px;

    height: auto;

    line-height: inherit;

    padding: 8px 10px;

  }

  .ny-join .section6 &gt; .mxw-box {

    padding: 30px 20px;

  }

  .ny-join .section6 .itembox {

    flex-wrap: wrap;

  }

  .ny-join .section6 .itembox:after {

    display: none;

  }

  .ny-join .section6 .item {

    width: 32%;

    margin-right: 0;

  }

  .ny-join .section6 .item .image {

    margin-bottom: 5px;

    width: 40px;

  }

  .ny-join .section6 .item .top {

    width: 100%;

    padding: 20px 10px;

  }

  .ny-join .section6 .item .text {

    font-size: 14px;

  }

  .ny-join .section6 .item .number {

    width: 20px;

    height: 20px;

    font-size: 12px;

    line-height: 20px;

    margin-top: 10px;

  }

  .ny-join .section6 .item:nth-child(3n-1) {

    margin-left: 2%;

    margin-right: 2%;

  }

  .ny-join .section6 .item:nth-child(3) ~ .item {

    margin-top: 20px;

  }

}

/* ==================== 内页 - 加盟代理 end ==================== */

/* ==================== 内页 - 联系我们 start ==================== */

.ny-contact .section1 {

  overflow: hidden;

}

.ny-contact .section1 &gt; .mxw-box {

  display: flex;

  align-items: center;

  padding-top: 1.0667rem;

  padding-bottom: 1.7667rem;

  justify-content: space-between;

}

.ny-contact .section1 .ny-title {

  text-align: left;

}

.ny-contact .section1 .ny-title .text2:after {

  margin-left: 0;

  margin-right: auto;

}

.ny-contact .section1 .ny-title .text3 {

  margin-top: 0.5rem;

  font-size: 0.3rem;

  color: #333;

  line-height: 2;

}

.ny-contact .section1 .bottom {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  padding-right: 1rem;

}

.ny-contact .section1 .desc {

  font-size: 0.2667rem;

  color: #333;

  line-height: 2.6em;

}

.ny-contact .section1 .desc strong {

  font-size: 0.5667rem;

  font-weight: bold;

  color: #eb6100;

}

.ny-contact .section1 .qr {

  flex-shrink: 0;

  margin-left: 0.5rem;

  width: 3.1667rem;

  padding: 0.3333rem;

  padding-bottom: 0.5rem;

  border: solid 0.0167rem #efefef;

  margin-bottom: 0.25rem;

}

.ny-contact .section1 .qr p {

  font-size: 0.2667rem;

  color: #333;

  text-align: center;

}

.ny-contact .section1 .qr p:last-child:before {

  content: "";

  display: block;

  width: 0;

  height: 0;

  border-left: 0.1rem solid transparent;

  border-right: 0.1rem solid transparent;

  border-bottom: 0.1333rem solid #eb6100;

  margin: 0.1667rem auto;

}

.ny-contact .section1 .ny-message {

  background: url(../images/img82.jpg) no-repeat center;

  background-size: cover;

  padding: 0.8333rem;

}

.ny-contact .section1 .ny-message .text1 {

  font-size: 0.2833rem;

  color: #d7d7d7;

  line-height: 1.2;

  margin-bottom: 0.3333rem;

}

.ny-contact .section1 .ny-message .text2 {

  font-size: 0.7333rem;

  font-weight: bold;

  color: #fff;

  line-height: 1.2;

  margin-bottom: 0.6667rem;

}

.ny-contact .section1 .ny-message form {

  width: 100%;

  display: block;

}

.ny-contact .section1 .ny-message form input,

.ny-contact .section1 .ny-message form textarea {

  background-color: rgba(255, 255, 255, 0.2);

  border-radius: 0.1rem;

  display: block;

  color: #fff;

  width: 100%;

}

.ny-contact .section1 .ny-message form input::-webkit-input-placeholder,

.ny-contact .section1 .ny-message form textarea::-webkit-input-placeholder {

  /* WebKit browsers */

  color: #fff;

}

.ny-contact .section1 .ny-message form input:-moz-placeholder,

.ny-contact .section1 .ny-message form textarea:-moz-placeholder {

  /* Mozilla Firefox 4 to 18 */

  color: #fff;

}

.ny-contact .section1 .ny-message form input::-moz-placeholder,

.ny-contact .section1 .ny-message form textarea::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: #fff;

}

.ny-contact .section1 .ny-message form input:-ms-input-placeholder,

.ny-contact .section1 .ny-message form textarea:-ms-input-placeholder {

  /* Internet Explorer 10+ */

  color: #fff;

}

.ny-contact .section1 .ny-message form input {

  height: 0.7333rem;

  line-height: 0.7333rem;

  padding: 0 0.5rem;

  font-size: 0.2667rem;

  margin-bottom: 0.6667rem;

}

.ny-contact .section1 .ny-message form textarea {

  height: 3.25rem;

  padding: 0.2333rem 0.5rem;

}

.ny-contact .section1 .ny-message form button {

  width: 3.0833rem;

  height: 0.7rem;

  line-height: 0.7rem;

  background-color: #eb6100;

  border-radius: 0rem 0.1667rem 0rem 0.1667rem;

  color: #fff;

  text-align: center;

  margin: 0.7667rem auto 0 auto;

}

@media screen and (min-width: 1200px) {

  .ny-contact .section1 .left {

    width: 45%;

  }

  .ny-contact .section1 .ny-message {

    width: 49%;

  }

}

@media screen and (max-width: 1200px) {

  .ny-contact .section1 &gt; .mxw-box {

    padding: 0;

    flex-wrap: wrap;

  }

  .ny-contact .section1 .left {

    width: 100%;

    padding: 30px 20px;

  }

  .ny-contact .section1 .ny-title {

    margin-bottom: 20px;

  }

  .ny-contact .section1 .ny-title .text3 {

    margin-top: 20px;

    font-size: 14px;

  }

  .ny-contact .section1 .bottom {

    flex-wrap: wrap;

    padding-right: 0;

  }

  .ny-contact .section1 .desc {

    width: 100%;

    font-size: 13px;

    margin-bottom: 20px;

  }

  .ny-contact .section1 .desc strong {

    font-size: 24px;

  }

  .ny-contact .section1 .qr {

    margin-left: auto;

    margin-right: auto;

    padding: 15px;

  }

  .ny-contact .section1 .ny-message {

    width: 100%;

    padding: 20px;

    text-align: center;

  }

  .ny-contact .section1 .ny-message .text1 {

    font-size: 12px;

    margin-bottom: 10px;

  }

  .ny-contact .section1 .ny-message .text2 {

    font-size: 22px;

    margin-bottom: 30px;

  }

  .ny-contact .section1 .ny-message form input,

  .ny-contact .section1 .ny-message form textarea {

    font-size: 12px;

    padding-left: 15px;

    padding-right: 15px;

    border-radius: 5px;

  }

  .ny-contact .section1 .ny-message form input {

    height: 38px;

    line-height: 38px;

    margin-bottom: 20px;

  }

  .ny-contact .section1 .ny-message form button {

    width: 100%;

    height: auto;

    line-height: inherit;

    padding: 8px 10px;

    font-size: 12px;

    margin-top: 20px;

  }

}

/* ==================== 内页 - 联系我们 end ==================== */

/* ==================== 内页 - page start ==================== */

.ny-page .section1 {

  overflow: hidden;

}

.ny-page .section1 .item {

  margin-bottom: 0.1667rem;

  background-color: #f8f8f8;

}

.ny-page .section1 .item:nth-child(2n) .image {

  order: 2;

}

.ny-page .section1 .item:last-child {

  margin-bottom: 0;

}

.ny-page .section1 .item .info .text1 {

  font-size: 0.5rem;

  font-weight: bold;

  color: #333;

  line-height: 1.2;

  margin-bottom: 0.5rem;

}

.ny-page .section1 .item .info .content {

  font-size: 0.3rem;

  color: #333;

  line-height: 1.2;

  padding-left: 0.3333rem;

}

.ny-page .section1 .item .info .content p {

  position: relative;

  margin-bottom: 0.25rem;

  line-height: 2;

}

.ny-page .section1 .item .info .content p:last-child {

  margin-bottom: 0;

}

.ny-page .section1 .item .info .content p:before {

  content: "";

  display: block;

  width: 0.1333rem;

  height: 0.1333rem;

  background-color: #eb6100;

  position: absolute;

  left: -0.3333rem;

  top: 0.25rem;

  border-radius: 100%;

}

.ny-page .section2 {

  overflow: hidden;

  background: url(../images/img87.jpg) no-repeat bottom center;

  background-size: cover;

}

.ny-page .section2 .desc {

  font-size: 0.3rem;

  color: #666;

  line-height: 2.4em;

}

.ny-page .section3 {

  background: url(../images/img89.jpg) no-repeat bottom center;

  background-size: contain;

}

.ny-page .section3 .item .head {

  min-width: 8.4833rem;

  border-radius: 1.6667rem;

  overflow: hidden;

  background-color: #fff;

  display: inline-flex;

  align-items: center;

  box-shadow: 0 0 0.1667rem -0.0333rem rgba(0, 0, 0, 0.3);

}

.ny-page .section3 .item .head .number {

  width: 0.8667rem;

  height: 0.8667rem;

  background-image: linear-gradient(90deg, #f26320 0%, #ef2322 100%);

  font-style: italic;

  font-weight: bold;

  text-align: center;

  line-height: 0.8667rem;

  color: #fff;

  border-radius: 100%;

  font-size: 0.6667rem;

  flex-shrink: 0;

}

.ny-page .section3 .item .head .text {

  font-size: 0.4rem;

  color: #eb6100;

  line-height: 1.2;

  font-weight: bold;

  padding-left: 0.3333rem;

  display: flex;

  align-items: center;

}

.ny-page .section3 .item .text-group {

  flex-shrink: 0;

  padding-left: 0.25rem;

  padding-right: 0.25rem;

  display: inline-flex;

  align-items: center;

  flex-wrap: wrap;

}

.ny-page .section3 .item .text-group span {

  font-size: 0.2667rem;

  color: #eb6100;

  padding: 0.0833rem;

  border: 0.0167rem solid #eb6100;

  border-radius: 0.0667rem;

  font-weight: 400;

  margin: 0 0.0833rem;

}

.ny-page .section3 .item .body {

  padding-left: 1.1667rem;

  margin-top: 0.3333rem;

  font-size: 0.3rem;

  color: #333;

  line-height: 1.8;

  text-align: justify;

}

.ny-page .section4 &gt; .mxw-box {

  padding-top: 1.6667rem;

  padding-bottom: 1.5rem;

}

.ny-page .section4 .ny-about-cases {

  padding-bottom: 0;

}

@media screen and (min-width: 1200px) {

  .ny-page .section1 {

    padding-top: 0.8333rem;

  }

  .ny-page .section1 .item {

    display: flex;

    align-items: stretch;

  }

  .ny-page .section1 .item .image {

    width: 50%;

  }

  .ny-page .section1 .item .info {

    width: 50%;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    padding: 0.6667rem 1.1667rem;

  }

  .ny-page .section2 .ny-title {

    text-align: left;

  }

  .ny-page .section2 .ny-title .text2:after {

    margin-left: 0;

    margin-right: auto;

  }

  .ny-page .section2 &gt; .mxw-box {

    padding-top: 1.5833rem;

    padding-bottom: 1.6667rem;

    display: flex;

    align-items: center;

    justify-content: space-between;

  }

  .ny-page .section2 .left {

    width: 47%;

  }

  .ny-page .section2 .image {

    width: 41%;

    flex-shrink: 0;

  }

  .ny-page .section3 {

    padding-top: 1.4333rem;

    padding-bottom: 6.5rem;

  }

  .ny-page .section3 .itembox {

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    justify-content: space-between;

  }

  .ny-page .section3 .item {

    width: 47%;

    margin-bottom: 0.8333rem;

  }

  .ny-page .section3 .item:nth-child(1) {

    order: 1;

  }

  .ny-page .section3 .item:nth-child(2) {

    order: 3;

  }

  .ny-page .section3 .item:nth-child(3) {

    order: 5;

    margin-bottom: 0;

  }

  .ny-page .section3 .item:nth-child(4) {

    order: 2;

  }

  .ny-page .section3 .item:nth-child(5) {

    order: 4;

  }

  .ny-page .section3 .item:nth-child(6) {

    order: 6;

    margin-bottom: 0;

  }

}

@media screen and (max-width: 1680px) {

  .ny-page .section3 .item .head .text {

    font-size: 0.36rem;

  }

  .ny-page .section3 .item .text-group span {

    font-size: 0.2rem;

  }

}

@media screen and (max-width: 1200px) {

  .ny-page .section1 {

    padding: 30px 20px;

  }

  .ny-page .section1 .item {

    background: none;

    margin-bottom: 30px;

  }

  .ny-page .section1 .item .image {

    margin-bottom: 20px;

  }

  .ny-page .section1 .item .info .text1 {

    font-size: 18px;

    margin-bottom: 15px;

  }

  .ny-page .section1 .item .info .content {

    font-size: 13px;

  }

  .ny-page .section1 .item .info .content p {

    margin-bottom: 10px;

    line-height: 2;

  }

  .ny-page .section1 .item .info .content p:before {

    width: 6px;

    height: 6px;

    top: 10px;

  }

  .ny-page .section2 {

    background-size: 100%;

  }

  .ny-page .section2 .desc {

    font-size: 14px;

    line-height: 2.2;

  }

  .ny-page .section2 .image {

    margin-top: 30px;

  }

  .ny-page .section3 {

    padding-bottom: 50px;

  }

  .ny-page .section3 .item {

    margin-bottom: 20px;

  }

  .ny-page .section3 .item .head {

    min-width: inherit;

    padding-right: 20px;

  }

  .ny-page .section3 .item .head .number {

    width: 36px;

    height: 36px;

    line-height: 36px;

    font-size: 18px;

  }

  .ny-page .section3 .item .head .text {

    font-size: 14px;

    padding-left: 10px;

  }

  .ny-page .section3 .item .text-group {

    padding: 0;

    margin-top: 5px;

    margin-bottom: 20px;

  }

  .ny-page .section3 .item .text-group span {

    font-size: 12px;

    line-height: 1.2;

    margin: 0 5px;

  }

  .ny-page .section3 .item .text-group span:first-child {

    margin-left: 5px;

  }

  .ny-page .section3 .item .text-group span:last-child {

    margin-right: 5px;

  }

  .ny-page .section3 .item .body {

    padding-left: 30px;

    margin-top: 15px;

    font-size: 14px;

    line-height: 2.1;

  }

  .ny-page .section4 &gt; .mxw-box {

    padding: 30px 20px;

  }

}

/* ==================== 内页 - page end ==================== */

/* ==================== 内页 - 新闻列表2 start ==================== */

.ny-news2 .item {

  display: flex;

  align-items: center;

  padding: 0.3rem;

  transition: all 0.4s;

  border: 0.0167rem solid #dedede;

  box-shadow: 0rem 0rem 0rem 0rem rgba(0, 0, 0, 0.14);

  margin-bottom: 0.4rem;

}

.ny-news2 .item:hover {

  box-shadow: 0rem 0rem 0.1667rem 0rem rgba(0, 0, 0, 0.14);

}

.ny-news2 .item:hover .title {

  color: #eb6100;

}

.ny-news2 .item .image {

  flex-shrink: 0;

  width: 3rem;

  height: 3rem;

  display: flex;align-items: center;justify-content: center;

  margin-right: 0.5rem;

}

.ny-news2 .item .image img{

  max-height: 100%;width: auto;

}

.ny-news2 .item .info {

  min-width: 0;

  flex-grow: 1;

}

.ny-news2 .item .head {

  display: flex;

  align-items: center;

  color: #888;

  padding-bottom: 0.1667rem;

  border-bottom: 0.0167rem solid #888;

  margin-bottom: 0.3333rem;

}

.ny-news2 .item .title {

  flex-grow: 1;

  font-size: 0.4rem;

  line-height: 1.2;

}

.ny-news2 .item .time {

  font-size: 0.2667rem;

  line-height: 1.2;

  flex-shrink: 0;

}

.ny-news2 .item .desc {

  font-size: 0.2667rem;

  color: #888;

  line-height: 1.8;

  margin-bottom: 0.5rem;

}

.ny-news2 .item .more {

  width: 2.0833rem;

  height: 0.6rem;

  line-height: 0.6rem;

  background-color: #fff;

  border: solid 0.0167rem #dedede;

  display: block;

  text-align: center;

  font-size: 0.2rem;

  color: #888888;

}

@media screen and (min-width: 1200px) {

  .ny-news2 &gt; .mxw-box {

    display: flex;

    align-items: flex-start;

  }

}

@media screen and (max-width: 1200px) {

  .ny-news2 .item {

    padding: 15px;

    margin-bottom: 20px;

    flex-wrap: wrap;

  }

  .ny-news2 .item .image {

    width: 100%;

    height: 100px;

    margin-right: 0;

    margin-bottom: 20px;

  }

  .ny-news2 .item .info {

    width: 100%;

  }

  .ny-news2 .item .head {

    margin-bottom: 10px;

  }

  .ny-news2 .item .title {

    font-size: 16px;

  }

  .ny-news2 .item .time {

    font-size: 12px;

  }

  .ny-news2 .item .desc {

    margin-bottom: 20px;

    font-size: 12px;

    line-height: 1.8em;

    height: 3.6em;

    margin-bottom: 10px;

    overflow: hidden;

    word-break: break-all;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    white-space: inherit;

  }

  .ny-news2 .item .more {

    width: 100%;

    padding: 8px 20px;

    font-size: 12px;

    height: auto;

    line-height: inherit;

  }

}

/* ==================== 内页 - 新闻列表2 end ==================== */

/* ==================== 新闻详情 start ==================== */

.ny-news-desc {

  overflow: hidden;

  padding: 0.7258rem 0.4032rem;

  padding-top: 0;

  margin-bottom: 0.5645rem;

}

.ny-news-desc &gt; .mxw-box {

  padding-top: 1rem;

}

.ny-news-desc .title {

  font-weight: bold;

  font-size: 0.4516rem;

  color: #333;

  padding-bottom: 0.3226rem;

}

.ny-news-desc .info {

  font-size: 0;

  padding-bottom: 0.3226rem;

  border-bottom: 1px solid #d5d5d5;

  margin-bottom: 0.3226rem;

}

.ny-news-desc .info .text {

  font-size: 0.2581rem;

  color: #999;

  display: inline-block;

  margin-right: 0.3226rem;

  border-left: 1px solid #ccc;

  padding-left: 0.3226rem;

}

.ny-news-desc .info .tip + .text {

  border-left: 0;

}

.ny-news-desc .info .tip {

  border: 1px solid #999;

  border-radius: 1.6129rem;

  padding: 0.0806rem 0.1613rem;

  line-height: 1;

  font-size: 0.2258rem;

  display: inline-block;

  color: #999;

}

.ny-news-desc .article img {

  display: block;

  margin: 0 auto;

}

.ny-news-desc .article {

  line-height: 1.8;

  text-align: justify;

  font-size: 0.2581rem;

}

.ny-news-desc .article p {

  line-height: 1.8;

}

@media screen and (min-width: 1200px) {

  .ny-news-desc&gt;.mxw-box{

    display: flex;align-items: flex-start;

  }

}

@media screen and (max-width: 1200px) {

  .ny-news-desc {

    padding: 0;

    background: none;

    margin-bottom: 0;

  }

  .ny-news-desc &gt; .mxw-box {

    padding: 30px 20px;

  }

  .ny-news-desc .article {

    font-size: 0.28rem;

  }

  .ny-news-desc .info .text {

    margin-right: 0.1rem;

    padding-left: 0.1rem;

    line-height: 2em;

    display: inline;

  }

  .ny-news-desc .info {

    padding-bottom: 0.2rem;

  }

}

/* ==================== 新闻详情 end ==================== */

/* ==================== 内页 - 荣誉资质 start ==================== */

.ny-album{

  overflow: hidden;

}

.ny-album .item {

  border: 1px solid #e0e0e0;

}

.ny-album .tct .item .image{

  display: flex;

  align-items: center;

  justify-content: center;

  height: 4.5rem;

  overflow: hidden;

}

.ny-album .tct .item .image img{

  width: initial;

  max-height: 100%;

  max-width: 100%;

}



.ny-album .item .title {

  padding: 0.3333rem 0.5rem;

  padding-right: 0.8333rem;

  position: relative;

  font-size: 0.3rem;

  color: #333;

  line-height: 1.2;

}

.ny-album .item .title:after {

  content: "+";

  display: block;

  width: 0.4333rem;

  height: 0.4333rem;

  line-height: 0.4333rem;

  border-radius: 100%;

  background-color: #eb6100;

  color: #fff;

  font-size: 0.2333rem;

  text-align: center;

  position: absolute;

  right: 0.5rem;

  top: 50%;

  transform: translateY(-50%);

}

@media screen and (min-width: 1200px) {

  .ny-album&gt;.mxw-box{display: flex;align-items: flex-start;}

  .ny-album .item:hover .title {

    background-color: #eb6100;

    color: #fff;

  }

  .ny-album .item:hover .title:after {

    background-color: #fff;

    color: #eb6100;

  }

}

@media screen and (max-width: 1200px) {

  .ny-album .item .title {

    text-align: center;

    padding: 8px 15px;

    font-size: 14px;

  }

  .ny-album .item .title:after {

    width: 16px;

    height: 16px;

    line-height: 16px;

    right: 10px;

    display: none;

  }

}

/* ==================== 内页 - 荣誉资质 end ==================== */

/* ==================== 侧边栏样式 start ==================== */

aside {

  font-size: 0;

  display: flex;

  align-items: flex-start;

  position: relative;

  width: 4.6667rem;

  margin-right: 1rem;

  flex-shrink: 0;

}

aside .aside-itembox {

  width: 100%;

}

aside .aside-itembox .aside-item {

  border: 0.0167rem solid #ccc;

}

aside .aside-itembox .aside-item:first-child ~ .aside-item {

  margin-top: 0.3333rem;

}

aside .aside-itembox .aside-item .desc p {

  border-bottom: 0.0167rem solid #f5f5f5;

  font-size: 0.2333rem;

  padding: 0.25rem 0.3333rem;

}

aside .aside-itembox .head {

  position: relative;

  width: 100%;

  background: #eb6100;

  text-align: left;

  font-weight: bold;

  padding: 0.25rem 0.3333rem;

}

aside .aside-itembox .head .cn {

  color: #fff;

  font-size: 0.4rem;

  line-height: 1.2;

}

aside .aside-itembox .body {

  background: #fff;

}

aside .aside-nav {

  padding-left: 0.3333rem;

  padding-right: 0.3333rem;

}

aside .aside-nav &gt; li {

  font-size: 0.3rem;

  color: #333;

}

aside .aside-nav &gt; li:hover {

  color: #eb6100;

}

aside .aside-nav &gt; li:hover:after {

  border-color: #eb6100;

}

aside .aside-nav &gt; li.active &gt; .aside-sub-nav {

  display: block;

}

aside .aside-nav &gt; li:last-child {

  border-bottom: 0;

}

aside .aside-nav &gt; li &gt; a {

  border-bottom: 0.0167rem solid #f5f5f5;

  position: relative;

  display: block;

  width: 100%;

  padding: 0.25rem 0;

  font-size: 0.25rem;

  line-height: 1.2;

  display: flex;

  align-items: center;

}

aside .aside-nav &gt; li &gt; a:last-child {

  border-bottom: 0;

}

aside .aside-nav &gt; li &gt; a span {

  flex-grow: 1;

}

aside .aside-nav &gt; li &gt; a:after {

  content: "";

  display: block;

  width: 0.1667rem;

  height: 0.1667rem;

  border-top: 0.0333rem solid #333;

  border-right: 0.0333rem solid #333;

  transform: rotate(45deg);

  flex-shrink: 0;

}

aside .aside-sub-nav {

  display: none;

}

aside .aside-sub-nav &gt; li {

  border-bottom: 0.0167rem dashed #eee;

}

aside .aside-sub-nav &gt; li.active a,

aside .aside-sub-nav &gt; li:hover a {

  color: #eb6100;

}

aside .aside-sub-nav &gt; li:last-child {

  border-bottom: 0;

}

aside .aside-sub-nav &gt; li &gt; a {

  padding: 0.1333rem;

  display: block;

  line-height: 0.3333rem;

  color: #818181;

  font-size: 0.2333rem;

}

aside .recommended {

  padding: 0.1667rem 0.25rem;

}

aside .recommended .rec-item {

  display: block;

  font-size: 0.25rem;

  line-height: 1.8;

}

aside .recommended .rec-item:hover {

  color: #eb6100;

}

aside .recommended .rec-item:before {

  content: "+";

  font-size: 0.3333rem;

  font-weight: bold;

  line-height: 0.3333rem;

  vertical-align: inherit;

  margin-right: 0.1667rem;

}

aside .recommended .rec-item:first-child ~ .rec-item {

  margin-top: 0.1667rem;

}

@media screen and (min-width: 1200px) {

  aside{

    position: sticky;

    top:0;left:0;

  }

  main {

    overflow: hidden;

    max-width: 79%;

    min-width: 0;

    flex-grow: 1;

  }

}

@media screen and (max-width: 1200px) {

  aside {

    width: auto;

    margin-right: 0;

    position: fixed;

    right: 0.1667rem;

    bottom: 20%;

    z-index: 999;

    width: 0.6667rem;

    height: 0.6667rem;



    background: rgba(0, 0, 0, 0.5);

    display: flex;

    align-items: center;

    justify-content: center;

  }

  aside.active{

    position: fixed;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

  }

  aside .aside-itembox {

    position: fixed;

    width: 100%;

    height: 100%;

    z-index: 9990;

    background: #000000;

    top: 0;

    left: 0;

    padding: 80px 20px;

    transition: all 0s;

    animation-name: none!important;

    display: none;

  }

  aside .aside-itembox.active {

    display: block;

  }

  aside .aside-itembox .aside-item {

    display: flex;

    flex-flow: column;

    height: 100%;

    border: 0;

  }

  aside .aside-itembox .aside-item .body {

    overflow: auto;

    flex-grow: 1;

  }

  aside .aside-itembox .aside-item:first-child ~ .aside-item {

    display: none;

  }

  aside .aside-itembox .aside-head {

    height: 65px;

  }

  aside .aside-itembox .aside-head .cn {

    font-size: 22px;

  }

  aside .aside-itembox .aside-head .en {

    line-height: 65px;

    font-size: 24px;

  }

  aside .aside-itembox .aside-nav {

    background: #fff;

    flex-grow: 1;

    min-height: 0;

    overflow: auto;

  }

  aside .aside-itembox .aside-nav &gt; li {

    font-size: 14px;

  }

  aside .aside-itembox .aside-nav &gt; li &gt; a {

    padding: 12px 0;

  }

  aside .aside-btn-group .aside-btn {

    z-index: 99;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  aside .aside-btn-group .aside-btn-menu i {

    width: 0.1rem;

    height: 0.1rem;

    background: #fff;

    display: block;

    border-radius: 100%;

    margin: 0 0.0333rem;

  }

  aside .aside-btn-group .aside-btn-top {

    transform: translateY(0.7rem);

  }

  aside .aside-btn-group .aside-btn-top:after {

    content: "";

    display: block;

    width: 0.3333rem;

    height: 0.3333rem;

    border-top: 0.0333rem solid #fff;

    border-right: 0.0333rem solid #fff;

    transform: rotate(-45deg);

    margin-top: 0.1667rem;

  }

}

.aside-box.active {

  position: relative;

  width: 100%;

  height: 100%;

  z-index: 999999;

}

.aside-box.active .cloes {

  display: block;

  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAkFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+WABnwAAAAL3RSTlMAe5SyqXJQ5Z1vCqGDjNxYKcWmdWxoZBb17unPrUMwIASYVtRLJvvgysbAiQ9hO0NijawAAAI8SURBVEjHpVfreoIwDG0LVBBRQbxMmXNednOO93+7rS22QFJ1X84fbZND0za3Mg92W8lFGgSp4HK7Y//AKaoGdQuDMDo9SJ0ENYJgcp855OPagzEf3ubu352teRgLEYe528H7/gZ1GTZaq2I+HVpjpoti1QjCpY97XBuNTQJUlsnGyNZHnBsZ8afExfLTyDkmHGnRW8S8iN60yhlKMi34mLIbmH5opVF/nuvpV3YHsVbrWfeMf9Jn4HPHNZ7UVOYhwKN5aruLdsjUS4CWB24s1fjAHsRBacuu0S+Pkl86hs/UKGEPI1H6s2YwUC7ZCo4MccEfUbrBRsVNE7/dw59jZlzsWvZiTXx/qVh1ejmyiUXd1VEx/2X3X7LWyoC96LtQaU7YBNPqmzm8Gnb/cxVz+F4126j+fgvWhjBsyHUIjaPsVAa46Bm4tuOG8BDWO7ZVohPzskv9t+gHp5rcMmnvDFiuQi8BXOcbUgdyzjzs/b72hEyuE5JwG4KWG8RAaE5MsNRJcTYujbVBgf4EBu6yJb6t4AZ5YsgTP9lv9qxuUHrNdgcGjQZscGD2qjAuH1k2elXOSSA3uybqOe4kuHuOrlzLRt0TDYxzO35TPVhggYGFZGbvF2e7kITJQPR9ozBsmAxgGjJletZdR+EI0hBMgGOkDla6pIAECFPvGXJNMatg6oVJn4cSKa2HYAmSPqHcUAodpcRSijupraA0NJRWitLEUdpHSuNKaZkpzTrhmUB+oNCfRvRHGek5+As4i6p2W+L7BQAAAABJRU5ErkJggg==") no-repeat center;

  width: 30px;

  height: 30px;

  background-size: 100%;

  position: fixed;

  z-index: 9999;

  right: 20px;

  top: 30px;

}

/* ==================== 侧边栏样式 end ==================== */

/* ==================== 内页 - 产品详情 start ==================== */

.ny-product-desc .mxw-product &gt; .mxw-box {

  padding-top: 1rem;

}

.ny-product-desc .product-desc-top {

  display: flex;

  align-items: flex-start;

  margin-bottom: 1rem;

}

.ny-product-desc .product-image {

  flex-shrink: 0;

  width: 6.6667rem;

  margin-right: 0.8333rem;

}

.ny-product-desc .product-swiper-big {

  border: 0.0167rem solid #ddd;

}

.ny-product-desc .product-info {

  margin-top: 0.3333rem;

  min-width: 0;

  flex-grow: 1;

}

.ny-product-desc .product-info .title {

  font-size: 0.3333rem;

  color: #eb6100;

  line-height: 1.2;

  padding-bottom: 0.1667rem;

  width: 100%;

  border-bottom: 0.0167rem solid #ececec;

  margin-bottom: 0.6667rem;

  font-weight: bold;

}

.ny-product-desc .product-info .desc {

  font-size: 0.28rem;

  color: #777;

  line-height: 2.3em;

}

.ny-product-desc .product-info .desc strong {

  color: #333;

}

.ny-product-desc .product-small {

  margin-top: 0.3333rem;

  position: relative;

  padding-left: 0.6667rem;

  padding-right: 0.6667rem;

}

.ny-product-desc .product-small .swiper-slide {

  border: 0.0167rem solid #e5e5e5;

  cursor: pointer;

}

.ny-product-desc .product-small .swiper-button-prev {

  left: 0;

}

.ny-product-desc .product-small .swiper-button-next {

  right: 0;

}

.ny-product-desc .product-small .swiper-button-prev,

.ny-product-desc .product-small .swiper-button-next {

  opacity: 1!important;

}

.ny-product-desc .product-small .swiper-button-prev:hover:after,

.ny-product-desc .product-small .swiper-button-next:hover:after {

  color: #eb6100;

}

.ny-product-desc .product-small .swiper-button-prev:after,

.ny-product-desc .product-small .swiper-button-next:after {

  font-size: 0.6667rem;

  color: #e5e5e5;

  font-weight: 200;

}

.ny-product-desc .product-small .swiper-slide-thumb-active {

  border-color: #eb6100;

}

.ny-product-desc .product-desc-tab {

  border: 0.0167rem solid #efefef;

  width: 100%;

  background-color: #efefef;

}

.ny-product-desc .product-desc-tab .tab-head {

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.ny-product-desc .product-desc-tab .tab-head .tab-item {

  color: #555;

  line-height: 1.2;

  padding: 0.2rem 0.4167rem;

  font-size: 0.3333rem;

  cursor: pointer;

}

.ny-product-desc .product-desc-tab .tab-head .tab-item.active {

  color: #eb6100;

  font-weight: bold;

  background-color: #fff;

}

.ny-product-desc .product-desc-tab .tab-body {

  background-color: #fff;

  padding: 1rem 0.3333rem;

}

.ny-product-desc .product-desc-tab .tab-body .tab-body-item {

  font-size: 0.2333rem;

  color: #999;

  display: none;

  line-height: 1.8;

}



.ny-product-desc .product-desc-tab .tab-body .tab-body-item.active {

  display: block;

}



.product-swiper-small .swiper-wrapper{ align-items: stretch; height: initial;}

.product-swiper-small .swiper-wrapper .mxw-image{ max-height: 72.5px;    height: initial; align-items: center;    display: flex; justify-content: center}

.ny-product-desc .product-swiper-big .swiper-wrapper{ align-items: stretch; height: initial;}

.ny-product-desc .product-swiper-big .swiper-wrapper .mxw-image{

  display: flex;

  align-items: center;height: initial;max-height:398px;

  justify-content: center;

}



@media screen and (max-width: 1200px) {

  .ny-product-desc .product-desc-top {

    flex-wrap: wrap;

    margin-bottom: 20px;

  }

  .ny-product-desc .product-image {

    margin-right: 0;

    margin-bottom: 30px;

  }

  .ny-product-desc .product-info {

    margin-top: 0;

  }

  .ny-product-desc .product-info .title {

    margin-bottom: 15px;

  }

  .ny-product-desc .product-desc-tab .tab-head {

    flex-wrap: wrap;

  }

  .ny-product-desc .product-desc-tab .tab-head .tab-item {

    padding: 8px 10px;

    width: 33.333%;

    text-align: center;

    font-size: 15px;

  }

  .ny-product-desc .product-desc-tab .tab-body {

    padding: 20px 10px;

  }

}

/* ==================== 内页 - 产品详情 end ==================== */

/* ==================== 底部样式 start ==================== */

footer {

  background-color: #141414;

}

footer .bottom {

  display: flex;

  align-items: flex-start;

  padding-top: 0.8333rem;

  padding-bottom: 1.5rem;

}

footer .bottom .head {

  font-size: 0.3667rem;

  color: #fff;

  font-weight: bold;

  line-height: 1.2;

  padding-bottom: 0.2667rem;

  position: relative;

  margin-bottom: 0.4167rem;

}

footer .bottom .head:after {

  content: "";

  display: block;

  width: 0.9333rem;

  height: 0.0333rem;

  background-color: #eb6100;

  position: absolute;

  bottom: 0;

  left: 0;

}

footer .foot-contact .desc {

  font-size: 0.2667rem;

  color: #c3c3c3;

  line-height: 1.8;

}

footer .foot-contact .desc p {

  margin-bottom: 0.3333rem;

}

footer .foot-contact .desc p:last-child {

  margin-bottom: 0;

}

footer .foot-contact .desc p strong {

  font-size: 0.5667rem;

  color: #eb6100;

  line-height: 1.2;

  display: block;

}

footer .foot-qr {

  padding-left: 1.6667rem;

  position: relative;

}

footer .foot-qr:after {

  content: "";

  display: block;

  width: 0.0167rem;

  background-color: rgba(255, 255, 255, 0.1);

  height: 3.8333rem;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 0;

}

footer .foot-qr .qr {

  display: inline-flex;

  align-items: center;

  padding: 0.1667rem;

  border: 0.0167rem solid rgba(255, 255, 255, 0.1);

}

footer .foot-qr .qr img {

  margin-right: 1rem;

}

footer .foot-qr .qr .text {

  font-size: 0.3333rem;

  color: #fff;

  position: relative;

  padding-right: 0.5rem;

}

footer .foot-qr .qr .text:before {

  content: "";

  display: block;

  width: 0;

  height: 0;

  border-top: 0.0667rem solid transparent;

  border-bottom: 0.0667rem solid transparent;

  border-right: 0.1667rem solid #eb6100;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: -0.4167rem;

}

footer .mxw-copyright {

  text-align: center;

}

footer .mxw-copyright &gt; .mxw-box {

  border-top: 0.0167rem solid rgba(255, 255, 255, 0.1);

  font-size: 13.998px;

  line-height: 1.8;

  color: #adadad;

  padding: 15px 0;

}

footer .mxw-copyright a:hover {

  color: #eb6100;

}

@media screen and (min-width: 1200px) {

  footer .foot-contact {

    width: 35%;

  }

  footer .foot-qr {

    width: 40%;

  }

}

@media screen and (max-width: 1200px) {

  footer .foot-contact .desc {

    font-size: 14px;

  }

  footer .foot-contact .desc p {

    margin-bottom: 10px;

  }

  footer .foot-contact .desc p strong {

    font-size: 24px;

  }

  footer .foot-qr {

    padding-left: 0;

    margin-top: 30px;

  }

  footer .foot-qr .qr {

    width: 100%;

  }

  footer .foot-qr .qr .text {

    padding-right: 0;

    font-size: 12px;

  }

  footer .bottom {

    padding: 0;

    display: block;

  }

  footer .bottom .head {

    font-size: 18px;

  }

  footer .mxw-copyright &gt; .mxw-box {

    font-size: 12px;

    padding: 15px;

  }

}

/* ==================== 底部样式 end ==================== */

/* ==================== 通用工具栏 start ==================== */

.mxw-tool {

  position: fixed;

  z-index: 99;

}

.mxw-tool .icon {

  overflow: hidden;

}

@media screen and (min-width: 751px) {

  .mxw-tool {

right:0;

    top: 60%;

    transform: translateY(-50%);

  }

  .mxw-tool .tool-item {

    margin-bottom: 5px;

    width: 80px;

    height: 80px;

    border-radius: 8px;

    background-color: #eb6100;

    border: 1px solid rgba(255, 255, 255, 0.4);

    font-size: 12px;

    position: relative;

    display: flex;

    flex-flow: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    transition: box-shadow 0.4s;

  }

  .mxw-tool .tool-item:hover {

    box-shadow: 0 0 10px -8px #eb6100;

  }

  .mxw-tool .tool-item:hover .tool-content {

    opacity: 1;

    visibility: visible;

    transform: translateX(0);

    z-index: 9;

  }

  .mxw-tool .tool-item:hover .tool-content:hover {

    opacity: 1;

    visibility: visible;

    transform: translateX(0);

    z-index: 9;

  }

  .mxw-tool .tool-item .icon {

    width: 0.5rem;

    height: 0.5rem;

    margin-bottom: 5px;

  }

  .mxw-tool .tool-item .text {

    font-size: 16px;

    color: #fff;

    line-height: 1.2;

  }

  .mxw-tool .tool-content {

    position: absolute;

    top: 0;

    height: 100%;

    background: #fff;

    width: 3.3333rem;

    right: 1.4333rem;

    color: #333;

    font-size: 0.2333rem;

    display: flex;

    flex-flow: column;

    justify-content: center;

    align-items: flex-start;

    padding: 0 0.3333rem;

    font-size: 0.2667rem;

    line-height: 1.6;

    border: 0.0167rem solid #ddd;

    border-radius: 0.0833rem;

    transform: translateX(100%);

    opacity: 0;

    visibility: hidden;

    transition: all 0.4s;

  }

}

@media screen and (max-width: 751px) {

  .mxw-tool {

    padding: 6px 10px;

    display: flex;

    align-items: center;

    justify-content: space-around;

    bottom: 0;

    left: 0;

    width: 100%;

    background-color: #333;

    color: #fff;

    font-size: 14px;

  }

  .mxw-tool .icon {

    text-align: center;

  }

  .mxw-tool .tool-item {

    width: 18%;

    height: 50px;

    display: flex;

    flex-flow: column;

    justify-content: center;

    align-items: center;

  }

  .mxw-tool .tool-item:nth-child(5) ~ .tool-item {

    display: none;

  }

  .mxw-tool .tool-item .icon {

    width: 24px;

    height: 24px;

    flex-shrink: 0;

    margin-bottom: 5px;

  }

  .mxw-tool .tool-item .text {

    font-size: 13px;

    width: 100%;

    text-align: center;

    letter-spacing: 1px;

    text-indent: 1px;

  }

}

/* ==================== 通用工具栏 end ==================== */

/* 容器大小 */

.mxw-box {

  max-width: 84.3%;

  margin: 0 auto;

  font-size: 16px;

  color: #333;

}

.mxw-box p {

  margin-bottom: 0;

  font-family: inherit;

}

.mxw-box a:hover {

  color: #eb6100;

}

/* 内页 banner */

.ny-banner img {

  width: 100%;

}

/* ==================== 页面自定义样式 start ==================== */

@media screen and (min-width: 1200px) {

  .pc-none,

  .mob-nav,

  .pc-none {

    display: none !important;

  }

  .mxw-ny-box {

    padding-top: 1rem;

    padding-bottom: 0.8334rem;

    margin-left: auto;

    margin-right: auto;

  }

}

@media screen and (max-width: 1680px) {

  .mxw-box {

    max-width: 86%;

  }

}

@media screen and (max-width: 1200px) {

  body {

    margin-top: 60px;

  }

  .m-none,

  .pc-nav {

    display: none !important;

  }

  .mxw-box {

    padding: 30px 20px;

    max-width: 100%;

  }

  .mxw-section {

    padding-left: 0;

    padding-right: 0;

  }

  article {

    font-size: 15px;

  }

  .mxw-ny-box {

    max-width: 100%;

    font-size: 0;

    padding: 30px 20px;

  }

}

@media screen and (min-width: 1680px) {

  /* pc端固定html标签文字大小(rem适配) */

  html {

    font-size: 60px;

  }

}

@media only screen and (max-width: 1200px) {

  html {

    font-size: 50px;

  }

}

/* ==================== 页面自定义样式 end ==================== */



.ny-about .section1 .content img,

.ny-news-desc .article img{

  max-width: 100%;

  height: auto !important;

}

.lg_x_t{

    background: #eb6100;

    color: #fff;

    text-indent: 1em;

    font-size: 18px;

    padding: 15px 0;

}

.news_b ul ,.pro_b ul{

    padding: 15px;

    border: 1px solid #ccc;

    display: flex;

    flex-wrap: wrap;    justify-content: space-between;

}



.news_b ul li {

    width: calc(49% - 30px);

    line-height: 1.75;

    list-style-type: disc;

    margin-left: 30px;

}

.pro_b {margin-top: 0.75rem;margin-bottom: 1rem;}

.pro_b ul{    justify-content: flex-start;}

.pro_b ul li {width: 12%; margin-right:calc(4%/7);}

.pro_b ul li .image{    height: 189px;

    display: flex;

    align-items: center;

    justify-content: center;    overflow: hidden;}

.pro_b ul li:last-child{margin-right:0}

.pro_b ul li p{ margin-top:5px;     text-align: center;}

.news_b ul li a{display: block;}

.mxw-product .left .pro_b{     max-width: 100%;    padding: 0.3333rem; margin-top:0;margin-bottom:0}

.mxw-product .left .pro_b .lg_x_t,.mxw-product .left .news_b .lg_x_t{ background: none; text-indent: 0;

    color: #eb6100;}

.mxw-product .left .pro_b ul,.mxw-product .left .news_b ul{    padding: 0;

    border: none;}

.mxw-product .left .pro_b ul li{    width: 48.5%; margin-bottom:20px; margin-right: auto;}

.mxw-product .left .pro_b ul li .image {

    height: 138px;

}

.mxw-product .left .pro_b ul li:nth-child(2n){margin-right:0;}

.mxw-product .right .news_b {     max-width: 100%; }

.mxw-product .left .news_b {     max-width: 100%;    padding: 0.3333rem;

 }

.mxw-product .right .mxw-pagination {

    margin-top: 25px;

    margin-bottom: 25px;}

.mxw-product .left .news_b ul li{ width:calc(100% - 20px);     margin-left: 20px;}

.mxw-product .left .news_b ul li:last-child{ margin-bottom:1rem}

.cr_show{     margin-top: 0.3333rem;     margin-bottom: 0rem;     max-width: 100%;}

.cr_show .lg_x_t{    font-weight: bold;     font-size: 0.4rem;}

.cr_show.pro_b ul li{

    width: 48.5%;

    margin-right: 3%; margin-bottom:15px;

}

.cr_show.pro_b ul li:nth-child(2n){margin-right:0}

.cr_show.pro_b ul li .image{ height:120px}



.ny-news-desc .mxw-btn {





  padding-top: 0.5833rem;





  align-items: center;

}

.ny-news-desc .mxw-btn .mxw-prev{

  margin-bottom: 0.2rem;

}

.ny-news-desc .mxw-btn .mxw-prev,

.ny-news-desc .mxw-btn .mxw-next {

  max-width: 48%;

  font-size: 0.2667rem;

  color: #333;

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.ny-news-desc .mxw-btn .mxw-prev span,

.ny-news-desc .mxw-btn .mxw-next span {

  flex-shrink: 0;

}

.ny-news-desc .mxw-btn .mxw-prev a,

.ny-news-desc .mxw-btn .mxw-next a {

  color: #eb6100;

  min-width: 0;

  flex-grow: 1;

}

.ny-news-desc .mxw-btn .mxw-prev {

  margin-right: 4%;

}

.ny-product-desc .product-desc-tab .tab-body .tab-body-item img{

    max-width: 100%;

    height: auto !important;

}

.ny-news-desc &gt; .mxw-box{ padding-bottom:0}



 .explain {

    background-color: #fafafa;

    color: #999;font-size: 14px;

 margin: 5px 0 10px;

    padding: 15px 30px;

    line-height: 2em;

}



.postcopyright {

    padding: 13px 20px;

    margin: 25px 0 0;

    font-size: 14px;

    line-height: 1.75;

    background-color: #f7f7f7;

    color: #393a3b;

}



footer .foot_hz{padding-left: 1.666rem;    position: relative;    margin-left: 1.666rem;

width: 30%;}



footer .foot_hz:after {

    content: "";

    display: block;

    width: 0.0167rem;

    background-color: rgba(255, 255, 255, 0.1);

    height: 3.8333rem;

    position: absolute;

    top: 0;



    left: 0;

}

ul.hezuoo a {

    color: #c3c3c3;   line-height: 1.75;

}

.ss {
    display: none;
    position: absolute;
    right: 0;
    top: 80px;
    width: 300px;
    padding: 20px;
    border-radius: 20px;
    z-index: 999;
    background: rgb(216, 39, 28, 0.5);
}


 .ss{
  display: block;
    position: initial;
    float: right;
    padding: 0;
    border-radius: 0;
    margin-top: -6px;}


.ss input {
    outline: none;
    line-height: 45px;
    width: 20%;
    background: none;
  
    background: #fff;
    font-size: 13px;
    color: #d8271c;
    float: left;
}
.ss input:last-child{ cursor: pointer;background: #eb6100; color:#fff}
.ss #wd {
    padding-left: 10px;
    line-height: 45px;
    width: 80%;
    background: none;
  
    outline: none;
    font-size: 13px;
    color: #fff;
    float: left;
}

.ss #wd:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
}

.ss #wd::placeholder {
    color: #fff;
}


                 .tz {
                        margin: 0 0 0 auto;
                        display: block;
                        width: 150px;
                        height: 40px;
                        font-size: 18px;
                        line-height: 40px;
                        color: #fff;
                        background: #eb6100;
                        border-radius: 5px;
                        -webkit-border-radius: 5px;
                        -moz-border-radius: 5px;
                        text-decoration: none;
                        text-align: center; flex-shrink: 0;
                    }
                     .mxw-box .tz:hover {
                         color: #fff; text-decoration: none;
                     }
.ny-news-desc .title{     display: flex;
    display: -webkit-flex;
    display: -moz-flex;
}


@media only screen and (max-width: 768px) {

.ny-news-desc .title{ flex-wrap:wrap}
.tz{ margin-top:10px; zoom:0.63}

  .mxw-product .product-swiper .item .image{

    height: 170px;

  }

  .mxw-cases .item .image {

    height: 140px;

  }

  .mxw-brand .brand-swiper .image {

    height: 75px;

  }

  .mxw-album .swiper-slide .image{

    height: 185px;

  }

.ny-join .section2 .item .image {

 height: 180px;

}

.news_b ul li{    width: calc(100% - 30px);}

.pro_b{ margin-top:0;    }

.pro_b ul li{width:48.5%; margin-bottom:15px}

.pro_b ul li .image {

    height: 165px;}

.pro_b ul li:nth-child(2n){margin-right:0;}

.ny-news-desc .mxw-btn .mxw-prev, .ny-news-desc .mxw-btn .mxw-next{width:100%;max-width:100%}

.mxw-product .right .news_b{padding:0}

.ny-news-desc .mxw-btn{padding-bottom:0.5rem}



.ny-news-desc .body{display: flex;    flex-wrap: wrap;}

.mxw-product .right {



    order: 0;

}

.mxw-product .left {



    order: 1;

}

.ny-news-desc-box .ny-news-desc .pro_b,.ny-news-desc-box .ny-news-desc  .news_b{padding:0; margin-bottom:0.5rem}

.mxw-product .left .pro_b,.mxw-product .left .news_b{padding:0}

.cr_show{display:none}



.ny-news-desc-box .ny-news-desc  .news_b{margin-bottom:1rem}

.ny-news-desc-box .ny-news-desc  .pro_b ul li{margin-right:3%}

.ny-news-desc-box .ny-news-desc .pro_b ul li:nth-child(2n){margin-right:0}

.ny-news-desc-box .ny-news-desc  .news_b ul li{    margin-left: 20px;}

footer .foot_hz{width:100%; padding:0; margin:30px 0   ;  height: auto;

    overflow: hidden;}

footer .foot_hz:after{display:none}

footer .foot_hz li{width:50%;float:left}

  .ny-product-desc .product-desc-tab .tab-body .tab-body-item iframe{
    max-width: 100%;
    height: 220px !important;
  }
  
  .ss{ display:block; margin:40px auto -5px; float:none; }


}

</pre></body></html>